node_modules打包,根据package安装node-modules

  node_modules打包,根据package安装node-modules

  如何在node_modules中手工配置依赖包?下面这篇文章介绍了使用patch-package修改node_modules中依赖包的方法,希望对你有所帮助!

  node.js速度课程简介:进入学习

  首先,问题是这样发生的。在项目中使用pdfvuer第三方插件时,需要显示成功盖章的pdf。这时发现文章可以很好的展示,但是公司的签名却无法展示。这时候终于找到解决办法了!但是,显示签名的修改代码位于依赖包node_modules的路径中。毕竟每次npm安装时,node_modules下修改的文件都需要手动修改。瞬间开始难受,但还是要想办法解决。

  起初,有两种方案:

  把别人的代码叉到自己的仓库里。修改后,从自己的仓库安装这个插件。

  本地下载别人的代码,放在src目录下,修改后手动引入。这种方式也有很多不便之处。比如自己打包组件既繁琐又费时,还会造成项目看起来臃肿。

  不过以上两种方法都太复杂了,我改了某个文件和一两行代码,却要把整个项目复制得臃肿不堪,可能最后会忘记改了什么,更新也麻烦。我们每次都必须手动更新代码,所以我们不能与插件同步更新。

  在这种情况下,我转过头,重新开始了我的求知之路。然后我找到了一个高大上的解决方案,用patch-package修改node_modules中的依赖包。[推荐研究:《nodejs 教程》]

  

解决方案

  1. 通过命令安装 patch-package

  ` npm安装修补程序包保存开发`2. 修改项目根目录下的 package.json 文件

  在package.json文件的脚本中添加“post install”:“patch-package”。

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

  4. 手动执行命令创建 npx patch-package package-name 补丁文件

  “npxpatch-package package-name ”,其中package-name是指要修改的依赖包的名称。执行该命令后,将在项目的根目录下自动创建一个patches文件夹,并且在该文件夹中会出现一个package-name version.patch的补丁文件。如图所示:

  比如:我想修改pdfjs-dist下的文件,所以我执行的命令是:npx patch-package pdfjs-dist。

  5. 测试补丁包是否有效

  手动删除项目中的node_modules文件(强制删除node_modules文件夹:rimraf node_modules),重新执行npm install命令安装node_modules依赖包。成功安装后,检查之前修改的node_modules依赖包中的文件,查看修改后的代码是否仍然存在。如果您之前修改的代码仍然存在,这意味着补丁文件已经生效。如果你之前修改的代码不存在,说明补丁文件没有生效。

  有关编程的更多信息,请访问:编程入门!这就是如何在node_modules中手动配置依赖包的细节。请多关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: