vue2 webpack@别名识别不了

你可以尝试在`webpack.config.js`中的`resolve`字段下添加一个别名(alias)，例如：

resolve: {
  alias: {
    '@': path.resolve(__dirname, 'src')
  }
}

然后在你的vue文件中使用`@`代替`src`路径即可，例如：

import HelloWorld from '@/components/HelloWorld.vue';

相关问题

vue2无法识别@/styles

你好！关于你的问题，Vue 2 默认是不支持使用 `@` 符号来引用目录的。`@` 符号通常是在 Vue CLI 项目中使用的，其中通过 Webpack 配置的别名来解析。

如果你想在 Vue 2 中使用 `@/styles` 这样的路径，你可以手动配置别名。在你的项目根目录下找到 `webpack.config.js` 或者 `vue.config.js`（如果有的话），然后添加如下代码：

module.exports = {
  // ...
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
      'styles': path.resolve(__dirname, 'src/styles')
    }
  }
  // ...
}

这样就配置了 `@` 指向 `src` 目录，以及 `@/styles` 指向 `src/styles` 目录。然后你就可以在 Vue 组件中引入样式文件：

import '@/styles/main.css';

希望能帮到你！如果有任何问题，请随时提问。

vue3配置动态录用不识别@通配符

在 Vue3 中，使用 `@` 作为别名的通配符是可以识别的，它默认被映射到 `src` 目录。如果你的项目中无法识别 `@` 通配符，可能是你的 webpack 配置有误。

你可以尝试在 webpack 配置中添加如下代码：

resolve: {
  alias: {
    '@': path.resolve(__dirname, 'src')
  }
}

这样，在你的 Vue 项目中，就可以直接使用 `@` 通配符引用 `src` 目录下的文件了。如果还是无法识别，可以检查一下你的项目目录结构是否正确，或者尝试重新安装依赖。