vue中修改别名(alias)

vue 专栏收录该内容
26 篇文章 0 订阅

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

因为使用的是最新的脚手架工具 @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(''))
    }
};
  • 0
    点赞
  • 1
    评论
  • 4
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值