vue.config.js 文件中怎么配置别名 @
时间: 2023-11-02 07:05:07 浏览: 156
vue.config.js中配置Vue的路径别名的方法
在 vue.config.js 文件中配置别名 @,可以使用以下代码:
```javascript
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
}
}
}
```
这里的 path 是 Node.js 的内置模块,所以需要在文件头部引入:
```javascript
const path = require('path')
```
这样配置之后,就可以在项目中直接使用 @ 符号来代替 src 目录的路径了,比如:
```javascript
import { someModule } from '@/components/someModule'
```
阅读全文