一、配置src別名
cli2中
build->webpack.base.config.js
resolve:{
extensions:['.js','.vue','.json'],
alias:{
'vue$':'vue/dist/vue.esm.js',
'@': resolve('src')
}
}
cli3~cli4中
vue.config.js
// 引入path模塊
import { join } from 'path'
function resolve (dir) {
// path.join(__dirname)設置絕對路徑
return join(__dirname, dir)
}
export function chainWebpack (config) {
config.resolve.alias
.set('@', resolve('./src'))
.set('components', resolve('./src/components'))
.set('assets', resolve('./src/assets'))
.set('commonjs', resolve('./src/commonjs'))
.set('network', resolve('./src/network'))
.set('views', resolve('./src/views'));
// set第一個參數：設置的別名，第二個參數：設置的路徑
}