在项目目录中直接创建文件vue.config.js注意名字不能改,注意不是放在src里面的而是直接在该项目的根里创建(与src,package.json这些文件同级),在该文件下复制以下代码:
module.exports = {
configureWebpack: {
resolve: {
alias: {
assets: "@/assets",
common: "@/common",
components: "@/components",
network: "@/network",
views: "@/views"
}
}
}
};
这样就可以在写路径时不需要…/而且也不需要加@直接assets/xxxx就行,但是要注意在html里的路径比如img标签的src则需要加个~符号
脚手架2版本配置别名 只需要到build文件夹下找到webpack.base.config.js文件中的
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'@': resolve('src'),
'components': resolve('src/components'),
'assets': resolve('src/assets'),
}
},
默认是有配置src的,下边的比如components别名注意路径不能写@而是得写src,这里跟4版本还是有点区别的。注意修改了配置文件,要重新npm run dev/serve一下。