vue文件路径引用别名问题

Vue文件路径别名引用问题

用的最新的vue-cli 4
创建vue.config.js
代码

const path = require('path')
const resolve = dir => path.join(__dirname, dir)

module.exports = {
    chainWebpack: config => {
        // 设置快捷路径， @ 表示 'src' ，components 表示 'src/components'
        config.resolve.alias
            .set('@', resolve('src'))
            .set('assets', resolve('src/assets'))
            .set('components', resolve('src/components'))
            .set('views', resolve('src/views'))
    },
}

最后在文件里引用

		//assets引用
		
        <img slot="items-icon" src="~assets/img/tabbar/wechat.svg" />
        
        //router里引用
        const Home = () =>import ('views/home/Home.vue')