• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > node_modules中如何优雅的修改依赖库?方法介绍

node_modules中如何优雅的修改依赖库?方法介绍

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了node_modules,修改依赖库等相关知识,希望对您有所帮助

node项目中如何优雅的修改node_modules的依赖库?下面本篇文章就来带大家优雅修改node_modules中依赖库的方法,希望对大家有所帮助!


node_modules中如何优雅的修改依赖库?方法介绍


最近使用了公司内的一个开源项目,由于业务需要(不适合提MR的业务修改),需要简单的修改 @tencent/wuji-server-lite的源码,package.json如下:

"dependencies": {       "@tencent/taf-config": "^2.0.4",      "@tencent/wuji-server-lite": "2.0.30",       "patch-package": "^6.2.0" }

一般我们有两种做法:

方法一:把修改后的代码换个名字重新打个包提交到tnpm,然后直接引用这个新包

方法二:把代码copy移出node_modules作为本地依赖

无论是上面哪种办法,作为有代码洁癖的人来说,都觉得很别扭,我就改了某一个文件了一两行代码,却要如此臃肿的copy整个项目,更要命的是最后可能都忘了自己修改了哪里,没有diff可供追溯。

我当时就咨询了几个nodejs-er,在我没使用nodejs的这一两年时间内,nodejs是不是已经提供了什么高大上的方法解决了这个问题,比如可以指定node_modules中的某个文件被本地的另外一个替换?得到的答案是 no。

顿时我就萌生出了要自己弄一个解决这类问题的npm包,然后又按常例的事先google了一番,结果却发现已经存在了这么一个东东,叫patch-package(https://www.npmjs.com/package/patch-package),一看发布时间是两年前,如果我没中途去做吃鸡手游,也许这个库最先可能是被我弄出来的,哈哈。

既然不需要我再造一个轮子了,那接下来我就分享下怎么使用吧。

1、本地安装,npm i patch-package

2、在package.json 的scripts中加入 { "postinstall": "patch-package" },这是npm的一个钩子,会在依赖包被install之后执行

3、修改node_modules中的代码

4、生成patches,npx patch-package your-package-name

5、提交patches后,重新install包你就会发现是你修改后的结果


node_modules中如何优雅的修改依赖库?方法介绍


最后,这个库的官网还有一段很详细的对比,描述了什么时候用patch什么时候fork,描述的非常到位:


node_modules中如何优雅的修改依赖库?方法介绍



分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • node_modules中如何优雅的修改依赖库?方法介绍

相关文章

  • DEDECMS调用指定栏目图片标签代码
  • Photoshop设计绚丽闪电效果的网页宣传广告
  • 深入浅析Bootstrap中的自动定位浮标
  • PHP遍历读取文件夹中图片并分页显示
  • 忘记mysql密码了怎么办
  • Illustrator制作蓝色苹果QuickTime标志
  • Laravel如何使用Observer实现日志管理模块
  • jQuery sibling是什么意思
  • PhotoShop打造抽象几何时尚美女海报制作教程
  • Discuz! X3.4特殊字符乱码解决方案!

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 四点重要的网站优化思路分享
    • Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
    • PHP微信小程序解包过程实例详解
    • Photoshop绘制玻璃质感水晶按钮教程
    • Laravel使用intervention image包上传、剪裁图片
    • PS打造简单的小人国微小影像世界创意合成教程
    • 不得不注意的网站描述优化问题
    • 如何解决Nginx部署thinkphp时报错500问题
    • 聊聊Bootstrap4中的网格系统
    • 利用promise及参数解构封装ajax请求的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有