解决修改了node_modules中的某个依赖中的文件,npm i的时候没有被保存的问题

项目中引入了公司内部的封装的依赖,因为一些地方与项目实际需求不符,所以对依赖中的.vue文件做了更改,本地打包都可以,但是如果提交到git,同事npm i的时候,就会被覆盖,如果每次都去找个这个文件,再修改一次就很麻烦。

查了一下说使用patch-package,创建补丁的时候没成功,研究了没整明白就放弃了(有大佬明白的可以告诉小老弟)

最后使用的是:利用 webpack alias 来覆盖别人代码。

具体操作如下:

1. 找到别人源码里面的需要修改的模块,复制代码到src目录
例如,在我的项目中,要修改的模块的文件名为Logo.vue, 我将它复制到src/components/Logo.vue

2. 修改其中的bug,注意里面引用其他的文件都需要写成绝对路径
修改了src/components/Logo.vue中的代码为我需要实现的代买

3. 找到这个模块被引入的路径(我们需要拦截的路径)
Logo.vue的引入路径为./Logo.vue

4. 配置webpack alias(我这里配置的是 vue.config.js)

const path = require('path');

module.exports = {

	chainWebpack: config => {
	
	config.resolve.alias
	
	.set('./Logo.vue', path.resolve(__dirname, 'src/components/Logo.vue'))
	
	}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值