vue 添加路径别名

在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、完整的配置文件