vue cli3配置文件夹别名-alias
①创建 vue.config.js
②进行配置
module.exports={
configureWebpack:{
resolve:{
alias:{
'@' : 'src',
'assets' : '@/assets'
'别名': '路径'
}
}
}
}
const path = require('path');
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
lintOnSave: true,
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('src'))
.set('@assets', resolve('src/assets'))
.set('@components', resolve('src/components'))
// 这里只写了两个,你可以自己再加,按这种格式.set('', resolve(''))
}
};
在dom中使用时:
<img src="~assets/img/xx.jpg" alt="图片1">