# 使用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下的路徑不可以使用上述配置。
