修改 node_modules 依赖包

最新推荐文章于 2024-07-10 15:39:52 发布
最新推荐文章于 2024-07-10 15:39:52 发布
阅读量454 收藏
点赞数
分类专栏： node 文章标签： npm node.js
原文链接：https://mp.weixin.qq.com/s/UOu7NN8BI8i9wyFFrmtGFw
版权
本文详细介绍了如何通过npm和patch-package工具，从安装依赖的补丁制作到项目中自动应用的过程，以element-ui为例，包括修改package.json、生成和测试补丁，适合前端开发者进行依赖管理优化。
摘要由CSDN通过智能技术生成

第一步安装依赖

npm i patch-package

第二步修改package.json，添加命令

package.json

"scripts": {
  "postinstall": "patch-package"
}

第三步修改源码（以element-ui为例）
在这里插入图片描述

第四步 生成补丁

yarn patch-package package-name(修改的包名)
或者
npx patch-package package-name（npm版本 > 5.2）

第五步 测试补丁是否有效

手动删除node_modules文件夹，重新执行npm install安装依赖包。可以看到在依赖包安装结束后执行了patch-package命令，之前生成的补丁被应用了。
项目目录下会创建一个 patches 目录

当代词圣李白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解如何修改 node_modules 里的文件
11-20
前言 有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个： 下载别人代码到本地，放在src目录，修改后手动引入。 fork别人的代码到自己仓库，修改后，从自己仓库安装这个插件。 这两个办法的缺陷就是：更新麻烦，我们每次都需要手动去更新代码，无法与插件同步更新。如果我们要修改的代码仅仅是别人的一个小模块，其他大部分代码都不动，这时候有一个很投机的操作：
修改 node_modules 中的依赖包 patch-package
weixin_40992252的博客
05-25 191
把node_modules 里面的文件修改后，避免每次npm install 后都要重新修改底层代码，可通过patch-package解决。npx patch-package 第三方包名字。就会在patches文件夹生成文件。第一步，修改第三方包。
使用patch-package自动修改node_modules中的内容/打补丁
Vivien_CC的博客
07-02 809
在使用VuePress搭建个人博客的过程中，我需要使用到一个用来复制代码块的插件uepress-plugin-nuggets-style-copy。问题：插件可以正常安装，但是启动会报错。通过查看错误信息，定位是插件中的copy.vue文件出现错误，在网上查找方法，发现是通过打补丁修改插件源码的方式来解决报错的问题。
手动修改 node_modules 中的依赖包（patch-package）
qq_37214137的博客
10-18 2221
背景 首先，问题是这样发生的，在项目中使用pdfvuer第三方插件，要将已经盖章成功的pdf显示出来，这个时候发现文章可以好好的显示出来，但是公司的签章怎么也显示不出来，这个时候终于找到了解决办法！！但是显示签章的修改代码在依赖包node_modules路径下，毕竟修改在node_modules下的文件每次npm install都需要手动修改。瞬间我就开始难受了，难受难归难受但还是要想办法解决滴 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 起初想到的方案有两种： fork别人
如何更改node_modules中的依赖
可可爱爱的你吖的博客
06-26 341
如何更改node_modules中的依赖
【node_modules】打补丁-修改node_modules源码
wxlll123的博客
02-03 442
修改node_modules源码
vue中node_modules中第三方模块的修改使用详解
10-16
首先，我们应当清楚node_modules文件夹是存放项目中安装的所有依赖包，一旦某个依赖包被更新或重新安装，node_modules下的文件结构将可能发生变化，所以直接在node_modules中修改文件是一种非常不可取的方法。...
next-compile-node-modules:Next.js插件可使用Babel编译所有node_modules
05-27
下一个编译节点模块 Next.js插件可使用Babel编译... 该插件更改Next.js的webpack配置，以默认情况下编译所有node_modules 。 尽管这会影响性能，但它只会减慢第一次编译的速度，而借助内置的缓存，后续编译的速度会更
优雅的修改node_modules模块
meiyoujuedui的博客
01-10 391
有时候呢我们会发现有一些组件符合我们的业务或者审美，但是它却要不到我们的一些效果的时候，我们就会很头疼，希望该文章能对你起到帮助
如何修改node_module的工程依赖
attach_uzi的博客
06-17 281
如何更改node_module包依赖
如何修改node_modules中的内容
hclle的博客
09-15 3401
一、应用场景 1、某些依赖有些bug，并且无人维护，需要自己修复。 2、某些依赖低版本有些bug，但是因为项目原因无法升级高版本依赖，需要自己手动修复。 3、上线过程中发现某些依赖有些bug，需要紧急修复。 二、修改方式 1、直接修改node_modules中的内容（不推荐） 优点：方便，找到需要修改的内容直接改就完事了。 缺点：重新拉取依赖就会被覆盖，还需要重新修改。 2、把需要修改的内容复制到项目中，修改导入地址为项目地址（一般推荐） 优点：重新拉取依赖不需要重新修改。 缺点：未来依赖升级，还需要手动替
记录：修改node_modules代码
陈铭杰的博客
12-27 323
修改node_modules代码
如何修改node_modules里的代码
最新发布
weixin_46504400的博客
07-10 569
多半是没有找对文件，例如 我们修改的是 lodash里面的某个API，一般我们先找个 lodash里的 package.json 文件，然后看 main（入口文件） 的指向，如果没有 package.json 文件，那应该就是默认的 index。这种很好懂，就是直接进 node_modules 中，找到那个包的代码，并修改对应的地方的代码，然后重启项目，就能达到我想要的效果。如果在，就说明补丁生效了。其实这个时候你本地已经使用到了你修改后的代码了，但问题是怎么让你的同事也同步到你的修改后的代码。
node_modules插件代码修改，如何快速修改防止npm install安装覆盖代码
qq_34701838的博客
06-08 1386
在网上找了很多解决方案最多的是但是我们使用的组件包来源民间大神修改，改动范围广，导致使用这个根本没有用，还产生冲突。所以找到了覆盖组件代码的方法简单粗暴。
如何科学修改 node_modules 里的文件
油墨香^-^的博客
01-14 300
有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个：下载别人代码到本地，放在src目录，修改后手动引入。fork别人的代码到自己仓库，修改后，从自己仓库安装这个插件。这两个办法的缺陷就是：更新麻烦，我们每次都需要手动去更新代码，无法与插件同步更新。
科学修改node_modules中文件的三种方法
CHANCE_wqp的博客
03-10 1610
在实际项目开发过程中会用到很多第三方包，其中有一些错误或者需要做兼容处理的地方，这时就需要能够在我们的项目中修改特定文件，并把这些修改固定下来，不被install后还原会去。以下介绍三种方法。该方法需额外安装 patch-package，还需执行命令，生成补丁文件。就能在每次执行install命令时将补丁内容替换到node_modules中对应的源文件中。 2、修改项目根目录下的 package.json 文件 执行如下命令 执行该命令后会在项目根目录中自动创建一个 patches 文件夹，该文件夹中就会出
如何优雅的自动修改node_modules 中的依赖包内容？
qq_41220477的博客
06-12 1236
背景简介：我们在使用第三方依赖包时如果遇到了 bug，通常解决的方式都是绕过这个问题，使用其他方式解决，较为麻烦。等待的时间不可控，此时就可以借助 patch-package 自己动手去修复该 bug，感觉是不是很棒。并且还可以在第三方依赖包上，根据业务需求扩展能力，但是问题在于，每当我们重新拉取项目时，需要重新对应修改，很是麻烦。给开发者提供了通过打“补丁”的方式，使得重新安装依赖包时能够保留之前对第三方依赖包的修改的一种解决方案。中的文件进行修改，即可启动项目，正常启动。中的文件为例，生成相应补丁。
node --save可以省略掉手动修改package.json的步骤
weixin_30839881的博客
10-21 186
当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（dependencies）。 -save和save-dev可以省掉你手动修改package.json文件的步骤。npm install module-name -save自动把模块和版本号添加到...
修改node_modules里面的代码
qq_37150922的博客
05-19 569
**问题：**修改node_modules里面的代码 解决： 1.安装patch-package npm i patch-package --save-dev 2.修改node_modules里面依赖包内容后，运行patch-package创建patch文件 npx patch-package 依赖名 eg: npx patch-package topology-vue 3.修改package.json文件，在scripts中加上"postinstall": “patch-package”，这样npm
vue修改node_modules文件
06-28
### 回答1： 不建议直接修改node_modules文件，因为这会影响到整个项目的稳定性和可维护性。如果需要修改某个依赖包的代码，可以通过以下方式进行： 1. 在项目的package.json文件中，找到需要修改的依赖包，将其版本号改为本地修改后的版本号，然后执行npm install命令，重新安装依赖包。 2. 将需要修改的依赖包下载到本地，进行修改后，再将其发布到npm仓库，然后在项目中使用新版本的依赖包。 3. 如果需要修改的依赖包是自己开发的，可以将其作为本地模块引入到项目中，然后进行修改。 ### 回答2： Vue作为前端框架的一种，依赖于Node.js实现项目构建、打包、运行等功能。因此，Vue的管理及配置文件都存在于node_modules文件夹下。但是，由于Vue项目的个性化开发需求，需要修改其中的某些文件。那么，如何修改node_modules文件夹下的文件呢？方法如下： 1. 首先，需要找到要修改的文件所在的路径。例如，要修改的文件是bootstrap-vue的nav.vue文件，则该文件存放路径为“node_modules/bootstrap-vue/src/components/nav/nav.vue”。 2. 在修改之前，需要备份该文件。将原文件复制一份，命名为nav-backup.vue，作为备份文件存放在src文件夹中。 3. 然后，进入node_modules/bootstrap-vue文件夹，在该文件夹下打开命令行窗口。 4. 在命令行窗口中输入“npm install cnpm -g”，等待安装完成。 5. 然后，输入“cnpm install”命令，等待依赖安装完成。 6. 安装完成之后，进行修改，并保存修改。例如，在nav.vue文件中，将template中的一个div修改为p，则保存修改后的nav.vue文件。 7. 将备份文件nav-backup.vue文件复制到src/components/nav/下，以避免node_modules的内容被Vue官方升级覆盖。 8. 最后，运行“npm run build”进行打包，查看是否存在修改。如果修改成功，则在打包后的项目中体现出来。 总之，修改node_modules文件需要一定的技术实力和经验，需要谨慎操作。同时，也要注意备份原文件，以便避免操作失误而导致的后果。 ### 回答3： Vue是现在非常流行的前端框架，而node_modules则是Vue中一个重要的文件夹，它包含了大量的依赖模块以及插件，并且是Vue的核心文件夹之一。在Vue项目中，如果我们需要对这个文件夹进行修改，则需要进行一定的操作。 首先，我们需要了解node_modules是一个由npm管理的文件夹，里面包含了我们项目中所使用的各种依赖。如果我们需要修改这些依赖的话，那么我们需要更新package.json文件中的对应依赖版本号，然后再使用npm install命令重新安装这些依赖。这样就可以更新node_modules文件夹中的内容。 但是，有时候我们需要对某个依赖进行一些特殊的修改，而这种修改并不一定能够通过版本号的更新来实现。在这种情况下，我们可以手动对node_modules文件夹进行修改。 首先，我们需要先确定需要修改的依赖所在的文件夹路径。然后，在终端中输入cd命令进入该文件夹路径，即可进入该依赖的文件夹。在该文件夹中，我们可以对其中的文件进行修改，比如添加或删除某个功能等。 需要注意的是，在手动修改node_modules文件夹时，应该非常谨慎。首先，我们需要备份原始文件，以防止在修改过程中误删或误修改导致项目无法正常运行。其次，我们还需要注意，手动修改依赖可能会改变依赖的行为，进而导致项目运行出现错误或者安全性问题等。所以，在修改node_modules文件夹前，一定要考虑清楚，尽量使用npm来更新依赖。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值