阅读 162

前端工程修改第三方库

整理一下,使用 npm 的前端工程如何修改 node_modules 中的源码而不影响部署。

借助两个 package: patch-packagepostinstall-postinstall(用于兼容yarn)。

安装

$ yarn add patch-package postinstall-postinstall -D 复制代码

修改源码

找到你要进行修改的的第三方库源码进行操作

生成修改记录

$ npx patch-package ${package_name} 复制代码

${package_name} 修改成你刚刚修改的第三方包名,如:element-ui。此时会在项目根目录生成 patches 目录,里面存放了本次对第三方包的修改(其实就是git diff)

添加脚本

package.jsonscripts 中新增一条记录:

{   "scripts: {     "postinstall": "patch-package",     ...   } } 复制代码

postinstall 原本是 npm 命令的一个 hook,借助 postinstall-postinstall,他会在 npm install 或者 yarn(甚至 yarn remove) 之后执行,所以会完成我们在 patches 目录中对第三方包的调整。

提交修改

感谢阅读!!!


作者:iCH4O
链接:https://juejin.cn/post/7033948261320917005

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐