怎么手动配置node_modules中的依赖包

技术怎么手动配置node_modules中的依赖包本篇内容介绍了“怎么手动配置node_modules中的依赖包”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情

本文介绍了“如何在node_modules中手动配置依赖包”的知识。很多人在实际案例的操作中会遇到这样的困难。让边肖带领你学习如何处理这些情况。希望大家认真阅读,学点东西!

怎么手动配置node_modules中的依赖包

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

怎么手动配置node_modules中的依赖包

一开始,我想到了两个方案:

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

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

但是不管上面哪种方法太复杂,我在某个文件里改了一两行代码,却要把整个项目复制的如此臃肿,可能最后都忘了在哪里修改了,更新起来比较麻烦。我们每次都需要手动更新代码,不能和插件同步更新。

在这种情况下,我转过头,重新开始了我的求知之路。然后我找到了一个解决方案,用补丁包修改node_modules中的依赖包。

解决方案

1. 通过命令安装 patch-package

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

将“post install”:“patch-package”添加到package.json文件怎么手动配置node_modules中的依赖包中的脚本。

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

怎么手动配置node_modules中的依赖包

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

` npxpatch-package package-name ',其中package-name是指要修改的依赖包的名称。执行此命令后,将在项目的根目录中自动创建一个patches文件夹,并在此文件夹中显示软件包名称版本. patches的修补文件。图片:

怎么手动配置node_modules中的依赖包

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

怎么手动配置node_modules中的依赖包

5. 测试补丁包是否有效

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

这就是如何在node_modules中手动配置依赖包。感谢阅读。如果你想了解更多行业,关注网站,边肖将为大家输出更多高质量的实用文章!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/51139.html

(0)

相关推荐

  • C#框架的总体设计知识点有哪些

    技术C#框架的总体设计知识点有哪些本篇内容介绍了“C#框架的总体设计知识点有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有

    攻略 2021年11月26日
  • css样式的继承性、层叠性 、优先级有什么作用

    技术css样式的继承性、层叠性 、优先级有什么作用这篇文章主要讲解了“css样式的继承性、层叠性 、优先级有什么作用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css样

    攻略 2021年12月10日
  • element-plus 原生开发 日期国际化语言

    技术element-plus 原生开发 日期国际化语言 element-plus 原生开发 日期国际化语言官网提供国际化语言解决办法:https://element-plus.org/zh-CN/gui

    礼包 2021年11月10日
  • 香港多IP服务器、香港站群服务器为什么有利于SEO

    技术香港多IP服务器、香港站群服务器为什么有利于SEO网站所有者花费大量时间和金钱在搜索引擎的第一页上展示他们极具竞争力的网站。优化页面以使搜索引擎更容易阅读网站、制作SEO兼容的内容、从其他优质网站获取反向链接、发布促

    礼包 2021年11月1日
  • mybatis-plus无法通过logback-spring输出怎么办

    技术mybatis-plus无法通过logback-spring输出怎么办小编给大家分享一下mybatis-plus无法通过logback-spring输出怎么办,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探

    攻略 2021年11月13日
  • QT+树莓派如何实现一个简单的播放器

    技术QT+树莓派如何实现一个简单的播放器这篇文章给大家介绍QT+树莓派如何实现一个简单的播放器,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。说起树莓派,买了也有一段时间了,但是始终都没有做出什么好玩

    攻略 2021年11月19日