webpack识别不了@
时间: 2023-10-01 08:08:39 浏览: 216
warnings-to-errors-webpack-plugin:一个webpack插件,可以将每个警告识别为错误
如果你的 webpack 不能识别 @ 符号,一般来说是因为 webpack 默认只能识别相对路径和绝对路径,而 @ 符号是一个别名,需要通过配置才能让 webpack 识别。
你可以在 webpack 配置中的 resolve.alias 字段中,为 @ 符号设置别名。例如:
```js
module.exports = {
// ...
resolve: {
alias: {
'@': path.resolve(__dirname, 'src/')
}
}
};
```
这个配置将 @ 符号映射到 src/ 目录,你就可以在代码中使用 @ 符号来引用 src/ 目录下的模块了,比如:
```js
import MyComponent from '@/components/MyComponent';
```
注意,这里的 path.resolve 函数需要你先引入 Node.js 的 path 模块。
阅读全文