本文介绍了“如何在node_modules中手动配置依赖包”的知识。很多人在实际案例的操作中会遇到这样的困难。让边肖带领你学习如何处理这些情况。希望大家认真阅读,学点东西!
首先,问题是这样发生的。在项目中使用pdfvuer的第三方插件时,需要显示成功盖章的pdf。这时发现文章可以很好的展示,但是公司的签名却无法展示。这时,终于找到了解决办法!但是,显示签名的修改代码在依赖包node_modules的路径下。毕竟,每次安装NPM时,node_modules下的文件都需要手动修改。瞬间就开始觉得不舒服,但还是要想办法解决。
一开始,我想到了两个方案:
把别人的代码分叉到自己的仓库,修改后从自己的仓库安装这个插件。
在本地下载别人的代码,放在src目录下,修改后手动介绍。也有很多不便之处,比如自己打包组件繁琐费时,也会造成项目看起来臃肿。
但是不管上面哪种方法太复杂,我在某个文件里改了一两行代码,却要把整个项目复制的如此臃肿,可能最后都忘了在哪里修改了,更新起来比较麻烦。我们每次都需要手动更新代码,不能和插件同步更新。
在这种情况下,我转过头,重新开始了我的求知之路。然后我找到了一个解决方案,用补丁包修改node_modules中的依赖包。
解决方案
1. 通过命令安装 patch-package
2. 修改项目根目录下的 package.json 文件
将“post install”:“patch-package”添加到package.json文件中的脚本。
3. 手动修改 node_modules 依赖包中的源码
4. 手动执行命令创建 npx patch-package package-name 补丁文件
` npxpatch-package package-name ',其中package-name是指要修改的依赖包的名称。执行此命令后,将在项目的根目录中自动创建一个patches文件夹,并在此文件夹中显示软件包名称版本. patches的修补文件。图片:
例如:我想修改pdfjs-dist下的文件,所以我执行的命令是:npx patch-package pdfjs-dist。
5. 测试补丁包是否有效
手动删除项目中的node_modules文件(强制删除node_modules文件夹:rimraf node_modules),并重新执行npm install命令来安装node_modules依赖包。成功安装后,检查之前修改的node_modules依赖包中的文件,并查看修改后的代码是否仍然存在。如果修改后的代码仍然存在,则表示补丁文件已经生效;如果修改后的代码不存在,则意味着补丁文件尚未生效。
这就是如何在node_modules中手动配置依赖包。感谢阅读。如果你想了解更多行业,关注网站,边肖将为大家输出更多高质量的实用文章!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/51139.html