vue中修改别名(alias)

  • Post author:
  • Post category:vue


这里踩了很大的坑,记录下来。

因为使用的是最新的脚手架工具 @vue/cli ,它不会生成任何webpack文件,所以需要手动创建。 根据官方文档 :需要创建vue.config.js

还有一个坑,就是没有安装 path ,导致无法解析路径

下面上代码就懂了

同时附上官方文档的例子就懂了(alias:别名)

const path = require('path');

function resolve(dir) {
    return path.join(__dirname, dir);
    }
    module.exports = {
    lintOnSave: true,
    chainWebpack: (config) => {
        config.resolve.alias
        .set('styles',resolve('src/assets/styles'))
        // 这里只写了两个个,你可以自己再加,按这种格式.set('', resolve(''))
    }
};



版权声明:本文为edc666原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。