vue中常用的全局配置
一、配置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第一个参数:设置的别名,第二个参数:设置的路径
}