vue-cli3配置路径别名

vue.confg.js中添加配置

找到根目录下vue.confg.js中添加如下配置代码片段，如果没有这个文件，在根目录重新创建一个

const path = require("path");
function resolve(dir) {
     
    return path.join(__dirname, dir);
}

// vue.config.js 常⽤配置
module.exports = {
     
    chainWebpack: config => {
     
        config.resolve.alias
            //设置“src”目录别名为“@”
            .set("@", resolve("src"))
            // .set("views", resolve("src/views"))
    }
}

使用：

import MParent from ‘./views/Parent’
等同于
import MParent from ‘@/views/Parent’