# 使用vue.config.js配置访问路径
>[success] 引入path
```
const path = require('path')
```
>[success] 定义resolve函数，\*\*\_\_dirname指的是当前文件所在文件夹的绝对路径，\*\*然后进行拼接。
```
function resolve(dir) {
return path.join(__dirname, dir)
}
```
>[info] 重定义路径实现，用前面的名称，代替后面的整个绝对路径。
```
chainWebpack(config) {
config.resolve.alias
.set('components', resolve('src/components'))
.set('common', resolve('src/common'))
.set('api', resolve('src/api'))
config.plugin('context')
.use(webpack.ContextReplacementPlugin,
[/moment[/\\]locale$/, /zh-cn/])
},
```
>[danger] 注意：style下的路径不可以使用上述配置。
