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’

你可能感兴趣的:(Vue知识雨,vue)