科学修改node_modules中文件的三种方法_nodemodule ts文件怎么改

在实际项目开发过程中会用到很多第三方包，其中有一些错误或者需要做兼容处理的地方，这时就需要能够在我们的项目中修改特定文件，并把这些修改固定下来，不被install后还原会去。以下介绍三种方法。

一、patch-package

该方法需额外安装 patch-package，还需执行命令，生成补丁文件。就能在每次执行install命令时将补丁内容替换到node_modules中对应的源文件中。

1、安装 patch-package

npm install patch-package --D
yarn add --dev patch-package postinstall-postinstall
1
2

2、修改项目根目录下的 package.json 文件

3、手动修改 node_modules 依赖包中的源码

4、创建补丁文件

执行如下命令

npx patch-package package-name || yarn patch-package package-name
1

执行该命令后会在项目根目录中自动创建一个 patches 文件夹，该文件夹中就会出现一个 package-name+version.patch 的补丁文件。其中命令中的 package-name 指的是被修改的依赖包的名字（不是被修改的文件的名字）

5、测试补丁包是否生效

手动删除 node_modules 文件夹，重新执行 npm install 命令安装 node_modules 依赖包，检查修改的依赖包中是否存在修改后的代码

二、webpack alias

适用于 webpack 维护的项目，alias 用于设置路径别名，可以作用于node_modules中的文件，如下：凡通过‘rc-util/es/Dom/isVisible’和‘rc-util/es/Dom/findDOMNode’引入模块的地方，都会被 webpack alias 重定义资源获取地址。在未修改node_modules文件的情况下实现替换文件效果。

三、pnpm 固定修改内容

pnpm 官方增加了 pnpm patch 和 pnpm patch-commit 两个命令来实现依赖文件。相较 npm 项目不需要额外添加 patch-package、postinstall-postinstall 两个插件

1、执行 pnpm patch package-name@version

将目标插件缓存并生成一个修改路径以供修改源文件

2、进入该资源临时路径修改源文件

3、执行 pnpm patch-commit 命令将修改信息存入 patch 文件下的对应文件中

4、将生成 patches 文件上传远程仓库

5、其他人员拉取更新，执行 pnpm install 后会将修改信息写入依赖资源文件中