vuecli工程构建时识别 node_modules 依赖中 @/ 等别名路径

前言

问题

最近有个需求,需要将不编译的源码上传到npm私服供人使用;但是不编译的源码在原项目中配置了@/等别名,当在使用此源码node依赖的项目里编译运行时,会报找不到依赖中的用别名引用的模块的错:

Module not found: Error: Can't resolve '@/common/xxxx/xxx' in 'xxx/Desktop/program/xxx/node_modules/[依赖包名]/.../xxx'

环境信息

vue-cli5

踩的坑(无效方法)

先来讲一下尝试的各种无效的办法

1、配置别名--vue.config.js 

在vue.config.js添加别名配置,为了不影响当前工程中的依赖关系,所以我把别名多加了一级目录比如@/common:

  chainWebpack: config => {
    config.resolve.alias
        .set('@/common',path.resolve('node_modules/[包名]/xxx/common'));
    },


//或者是

 chainWebpack: config => {
    config.resolve.alias
        .set('@/common',path.resolve(__dirname+'/node_modules/[包名]/xxx/common'));
    },

运行还是报同样的错,说明未生效,看来这里的配置别名不适用node_modules中的依赖

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值