react修改node_modules里的文件

xffff00

已于 2022-09-19 09:42:02 修改

阅读量721

点赞数

文章标签： react.js json 前端

于 2022-09-19 09:38:46 首次发布

本文链接：https://blog.csdn.net/xffff00/article/details/126927219

版权

一、node_modules里的文件可以使用patch-package来修改

安装patch-package

yarn add  patch-package

修改package.json，新增命令postinstall

"scripts": {
	 "postinstall": "patch-package"
 }

修改node_modules里面的代码
执行命令：

yarn patch-package package-name #包名

第一次使用patch-package会在项目根目录生成patches文件夹，里面有修改过的文件diff记录。

二、测试

最好将依赖包删除后，再运行yarn install命令，查看是否自动为依赖包打上我们自定义的一些内容

优惠劵

xffff00

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
react修改node_modules里的文件

如何修改node_modules
复制链接

扫一扫

patch-package保存修改依赖

coco723的博客

05-08

656

需要注意的是，如果您的修改需要在其他开发人员的机器上运行，请确保他们也应用了 patch 文件，并且他们已经重新安装了所有依赖包。此外，如果该依赖包在未来的版本中更新了，您需要手动重新应用您的 patch 文件，并确保修改仍然有效。在您的项目中使用修改后的依赖包。请确保在您的项目中使用新的依赖包版本，以便 patch 文件中的修改被正确应用。如果您的修改需要在其他开发人员的机器上运行，请确保他们也应用了 patch 文件。找到您要修改的依赖包，并确定需要修改的文件。文件，并在其中添加您要进行的修改。

详解如何修改 node_modules 里的文件

11-20

前言有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个：下载别人代码到本地，放在src目录，修改后手动引入。 fork别人的代码到自己仓库，修改后，从自己仓库安装这个插件。这两个办法的缺陷就是：更新麻烦，我们每次都需要手动去更新代码，无法与插件同步更新。如果我们要修改的代码仅仅是别人的一个小模块，其他大部分代码都不动，这时候有一个很投机的操作：

1 条评论您还未登录，请先登录后发表或查看评论

patch-package打补丁

文摘资讯

06-20

1431

如何修改node_modules源码？首先，我们能想到的思路是直接修改第三方库的代码，不过这会带来团队协作的问题，你的改动需要同步到团队所有成员，比较麻烦。好在，我们可以使用patch-package这个库来解决这类问题。一方面，它能记录第三方库代码的改动，另一方面也能将改动同步到团队每个成员。我们以vue常用的iview组件库做实验，先安装一下：npm install ...

使用patch-package修复：taro运行在抖音小程序上报‘OpenData‘ was not found

HcwDavid12的博客

12-02

857

patch-package修改taro的bug

手把手教你使用patch-package给npm包打补丁

砖业二十年

10-09

4485

属性限制不符合预期，当输入中文字符时，该属性会将与中文对应的预输入拼音字数一同限制，导致汉字输入长度受阻。事情往往不是预期的那么顺利，本以为一波愉快升级已经完美的解决了问题，不料好景不长一周后小A同学发来问候：“我发现antd。为了避免 v4.15.3 版本之前的其他组件存在未知bug，本次补丁我们基于 4.15.3 版本给 upload 组件打补丁。遇到这种问题和大多数人一样，我首先想到的就是升级antd到最新版本，于是二话不说一顿操作，升级完后果然问题迎刃而解~组件存在一个bug，该bug表现为。

修改node_module中的包，不受重新安装的影响

weixin_41094169的博客

05-02

1691

修改node_module中的包，却不受重新安装的影响(patch-package，还能将修改同步到团队成员中) 修改别人的源码往往有这几个方式： 1.直接在项目的node_modules下找到插件的源码直接修改；优点：简单直接、快速见效缺点：不能持久化，一旦重新安装就失效；不方便团队成员使用修改后的代码 2.去github上fork代码到自己的仓库进行修改，并将自己修改过后的代码发布到npm上使用；优点：团队成员都可以使用到这份修改的代码缺点：麻烦例如： 1.创建项目 npx create-re

如何保存应用第三方依赖包的改动？

Cyj1414589221的博客

10-10

276

在我们项目开发时，使用的第三方依赖难免会存在问题，这时候给包作者反馈问题或提 PR 不一定能及时被修复，而且我们有可能需要基于它做定制，就需要维护一个改动的版本。第一种方式是 fork 依赖包的源码仓库，自己修改完新发布一个 npm 包，改用我们自己发的包，这种方式适合需要定制或大量改动时采用；另一种方式直接修改 node_modules 下的依赖包代码，但 node_modules 下的改动会被 git 忽略，需要将改动保存起来，可以使用这个包，或者包管理器的 cli 命令yarn patch。

如何巧妙修改node_modules里的代码

哈哈哈，呜呜呜

09-06

6313

在平常的开发中，其实是很少需要改里的代码的。但是如果npm包有点小问题或者不符合我们的场景。那我应该怎么改才能是最好的呢？

React开发环境搭建（day2）

LvWeijie941的博客

04-08

310

React开发环境的搭建（day2） React需要引入的文件 react.js - 核心文件 react-dom.js - 开发web引用这个文件，用来渲染页面中的M,当前文件依赖于react核心文件。 babel.js - 浏览器的翻译官，把ES6转换成ES5,把JSX转换成javasprict，这样就能使当前浏览器代码兼容。下载recat依赖文件方式 react.js npm i ...

前端删除node-module和清除缓存的方法

热门推荐

qq_51741730的博客

12-15

1万+

前端项目删除node-module包和清除缓存的方法

node_modules.zip

01-10

react native android支持包

react-native-surrender：使用npm或yarn清除Watchman，删除node_modules并清除缓存的CLI脚本

02-03

React本机投降CLI脚本清除Watchman，删除node_modules并清除缓存和其他东西目录目录安装$ npm install -g react-native-surrender# OR$ yarn global add react-native-surrender用法$ surrender 相当于跑步watchman ...

electron-react-demo:Electron + React + Node.js + ES6开发桌面软件（http

03-22

＃electron-react-demo

patch-package的使用总结

xiaoerduo123x的博客

01-10

655

例子：在reactNative中，我们的node_modules中的react-native经常会报错，例如修改node_modules 的react-native包ViewPropTypes error。有时使用了某个第三方库，可是它有些问题，我们不得不修改它的源码。我们可能不方便给原作者提。，因为他们可能不愿意接受我们的更改。3、你的 node_modules 文件夹中的某个包的文件进行修改，然后运行。时，原先的修改会丢失。这时候我们可以使用打补丁的方式。2、修改package.json。

React Native 中给第三方库打补丁

阳阳的博客

03-06

676

有时使用了某个第三方库，可是它有些问题，我们不得不修改它的源码。我们可能不方便给原作者提 Pull Request，因为他们可能不愿意接受我们的更改。又或者原作者无法及时发布新版本。种种原因，我们只有去修改 node_modules 目录下的文件。可是当我们执行或yarn add时，原先的修改会丢失。有没有办法让我们可以在或yarn add时，自动把修改的源码加载进来？推荐使用。

React安装及目录结构

若水弹丸之地

11-30

1470

1、安装cnpm 国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: $ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org $ sudo npm config set registry https://registry.npm.taobao.org...

搭建react 项目及css模块化，引入第三方js

前端的路上

03-24

638

必须要有node环境 npm install -g create-react-app create-react-app mypp cd my-app npm run eject //将webpack配置文件暴露出来 npm run start 前端npm build 可以自己测试 npm install -g serve serve -g build ...

react-jwchat，一个简单的web聊天组件

weixin_44809405的博客

02-22

1816

react-jwchat 介绍 react-jwchat是一个简单的web聊天组件，基于react实现，用于方便快捷的搭建web聊天功能UI，这个项目是受另外一个vue的聊天组件启发创建的，想在react里也能通过简单快捷的方式构建聊天UI，目前这个项目还有很多的不足，希望各路大手多多指教。仓库地址：https://gitee.com/wx_504ae56474/react-jwchat 安装 npm install react-jwchat 组件 Chat 使用： <Chat contac

React组件之间通信：探索前端交互的新境界

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交