在vue-cli项目中的的配置文件vue.config.js中添加路径引用别名
1、引入路径
const path = require('path')
2、添加函数
function resolve(dir) {
return path.join(__dirname, dir)
}
3、添加别名
resolve: {
alias: {
'@': resolve('src')
}
}
4、项目中引用
4.1、css中引用
background: url(
"~@/assets/image/riskControl/客流预警框.png") no-repeat;
4.2、组件中应用
import hySearch from '@/components/search/hySearch.vue'
5、完整的配置文件