如何将项目里node_modules的更改保存起来

最新推荐文章于 2024-11-15 13:49:58 发布

原创最新推荐文章于 2024-11-15 13:49:58 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #npm #javascript

Vue 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用patch-package包在前端项目中保存并应用对node_modules包的自定义修改，以便于团队协作。通过postinstall脚本和git版本控制实现依赖问题的一致性。

在前端项目开发中，我们经常会遇到node_modules里的包有问题，当自己手动更改成正确的后，自己没问题了，但是别人重新npm install时还会有同样的问题，那么如何将node_modules的更改保存到项目中呢，这样别人在生成依赖后能有一个正常的环境

通过：

patch-package
https://www.npmjs.com/package/patch-package

这个包可以在npm install后按照项目里保存的更改自动修改node_modules，非常好用

使用步骤：

一.安装

可以使用npm

npm i patch-package -D

或yarn（postinstall-postinstall 确保在yarn remove时依旧能保持更正代码）

yarn add patch-package postinstall-postinstall

二.设置

安装完后需要给package.json设置postinstall，在安装完node_modules后会自动执行

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

三.使用

修改node_modules的内容
npx patch-package 修改的包名（执行完成后，会在项目目录生成一个文件夹，保存着此次修改的内容）
通过git推到远程仓库，这样其他小伙伴也可以用了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Be sentimental

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

React项目如何对node_modules源码进行修改

leograyu的博客

04-12

729

React项目如何对node_modules源码进行修改：使用patch-package给node_module中的包打补丁，覆盖node_modules第三方依赖包的源码

nodejs 本地化模块

STchaoL的博客

11-11

1366

nodejs 本地化模块由于nodejs脱离了浏览器的限制、更接近系统，所以难免会遇到调用本地模块(即js调用C/C++)的情况。使用nodejs调用本地模块有多种方案可以实现，例如： IPC zeromq、web服务器、WebSocket 等。这种方案的好处是本地化模块和node运行时彼此分离，相互之间影响较小。 node-ffi node-ffi是一个用于使用纯JavaScript...

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

postinstall 项目常见问题解决方案

gitblog_00651的博客

11-15

964

postinstall 项目常见问题解决方案项目基础介绍 postinstall 是一个用于自动化操作系统安装后步骤的 Bash 脚本项目。它可以帮助用户在不同的操作系统上快速安装所需的软件包。该项目支持多种操作系统，包括但不限于 Alpine Linux、Android (Termux)、Apple macOS、Arch Linux、CentOS、Debian、Fedora、FreeBSD、H...

多人合作开发时修改nodemodules该如何保存

Ronaldouy的博客

05-23

373

修该nodemodules包并打补丁

修改node_modules源码，并保存，使用patch-package打补丁，git提交代码后，所有人可以用到修改后的

weixin_47494533的博客

04-14

509

删除node_modules，重新npm install看是否成功。在 package.json 文件中的 scripts 中加入。修改你的第三方库的bug等。然后目录会多出一个目录文件。

详解如何修改 node_modules 里的文件

11-20

`patch-package`允许你在`node_modules`内修改文件，并自动保存补丁，以便在安装新版本时应用。安装`patch-package`和添加相关配置到`package.json`： ```bash npm i patch-package --save-dev ``` 修改`package....

自嗨node_modules包历史版本保存

08-26

本篇文章将深入探讨如何实现`node_modules`包历史版本的保存以及其重要性。首先，我们需要了解`npm`的版本管理机制。`npm`提供了`npm version`命令来管理包的版本，包括增加patch、minor和major版本号。同时，`npm...

git取消提交node_modules

老电影故事的博客

07-09

3096

2、编辑.gitignore文件：使用文本编辑器打开.gitignore文件，并在文件中添加一行指定要忽略的文件或目录。1、创建.gitignore文件：在项目的根目录中创建一个名为".gitignore"的文件（如果尚不存在）。这将从Git仓库中删除已经提交的node_modules文件夹，但保留本地副本。这样，当您运行git push命令时，node_modules文件夹将不会被包括在提交中。这些步骤将帮助您将代码提交到Git仓库时排除node_modules文件夹。

最新发布

08-05

如果在 macOS 上遇到编译错误（如 `no template named 'remove_cv_t'`），可以前往 `~/.node-gyp` 目录，找到对应版本的 `v8-internal.h` 文件，将 `remove_cv_t` 替换为 `remove_cv`，保存后重新安装依赖[^3]。...

vue修改node_modules中的文件后续安装依旧保存

MadSnail00的博客

07-14

1320

修改node_modules中的文件

ubuntupostinstall:用于安装有用的 ubuntu 包的 shell 脚本

06-12

Ubuntu安装后用于安装有用的 ubuntu 包的 shell 脚本

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

Cyj1414589221的博客

10-10

604

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

“postinstall“: “patch-package“ 修补安装包补丁

hktkkkk的博客

03-21

2619

目录的情况下对安装的 npm 包进行修补（即，应用补丁）。这在您需要对依赖的包进行小修改以修复错误或更改功能时非常有用，但出于某种原因（例如，等待官方修复或是不兼容的版本问题）您不能或不想升级到新版本。目录中的所有补丁到相应的包上。目录并重新安装依赖之后，您的更改也仍然会被应用。来创建一个补丁文件。这个命令会在项目的根目录下创建一个。是一个钩子脚本，它在每次运行。安装所有依赖包之后，自动运行。文件夹，里面包含了修改的补丁。允许用户在不直接修改。这里是如何在项目中使用。如果使用 Yarn。

修改node_modules源码，并保存，使用patch-package打补丁

前端蜗牛君

06-21

1887

首先，我们能想到的思路是直接修改第三方库的代码，不过这会带来团队协作的问题，你的改动需要同步到团队所有成员，比较麻烦。好在，我们可以使用 patch-package 这个库来解决这类问题。一方面，它能记录第三方库代码的改动，另一方面也能将改动同步到团队每个成员。我们以vue常用的 iview 组件库做实验，先安装一下：我们随便修改一行，打开某个文件在slot后面加了个test，然后我们希望这行修改的代码，在npm install重新安装组件库的时候仍存在。如何实现呢？ 2、修改脚本 package.js

NodeJS 的 Postinstall

10-05

6649

其实基本无需理会 Postinstall，因为默认下 MeanJS 的 Postinstall 是 false "scripts": { "start": "grunt", "test": "grunt test", "postinstall": "bower install --...

修改了node_modules的文件打包后不生效

海风依旧

11-19

6109

问题：修改了node_modules的文件打包后不生效。原因是我们修改的虽然是源码，并且在我们本地测试的时候生效，但我们打包后引用的是node_modules编译打包后的文件

vuejs项目如何修改node_mudule为公用文件？

草巾冒小子的博客

07-30

5922

vuejs修改node_mudule默认路径，多项目开发，可减少内存浪费最近整理之前做过的项目的时候，发现转移的资源内存太大？！查看了一下，发现之前每次都是单独引入vuejs、element-ui等等前端框架。上手了之后，发现之前的这种做法，太浪费内存了，而且管理起来也不方便。这里总结一下：将所有项目的vuejs和element-ui等通用框架部分...

安装ArcGIS Server 之GIS Server post Install 心得

热门推荐

hsg77的专栏

01-15

1万+

GIS Server post Install 1 welcome to the GIS Server Post Install 1)Configure GIS Server 2)Authorize GIS Server note: this post install helps you specify the user accouts necessary to r

直接修改node_modules里的文件不生效

07-05

在 Vue 项目中，直接修改 `node_modules` 中的依赖包代码通常不会生效，这是由于构建工具缓存、依赖安装流程或模块加载机制等原因导致的。为了正确地对第三方组件进行修改并确保其在项目中正常生效，可以采用以下方法。 ### 使用 patch-package 工具持久化修改一种常见的解决方案是使用 `patch-package` 工具，它允许开发者将对 `node_modules` 的更改保存为 `.patch` 文件，并在每次安装依赖后自动应用这些更改。 - 安装 `patch-package`： ```bash npm install patch-package --save-dev ``` - 在 `package.json` 中添加 `postinstall` 脚本以确保补丁在依赖安装后自动应用： ```json { "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "postinstall": "patch-package" } } ``` - 修改目标依赖中的源码文件。 - 执行命令生成补丁文件（例如修改的是 `some-package`）： ```bash npx patch-package some-package ``` 补丁文件会自动生成在 `patches/` 目录下，格式为 `some-package+1.0.0.patch`。 - 将该 `.patch` 文件提交到版本控制系统中，其他开发者在运行 `npm install` 后也会自动应用相同的修改 [^5]。 ### 替换依赖文件并通过别名加载本地副本对于某些构建输出为单一文件的依赖库，可以将其复制到项目本地目录中进行修改，并通过 Webpack 别名配置来引导项目加载本地版本。 - 将需要修改的文件从 `node_modules` 复制到项目资源目录，如 `src/assets/dist/ag-grid-enterprise.cjs.js`。 - 对该文件进行必要的代码调整。 - 在 `vue.config.js` 中配置模块解析别名，使项目优先加载本地修改后的文件： ```js const path = require('path'); module.exports = { configureWebpack: { resolve: { alias: { 'ag-grid-enterprise$': path.resolve(__dirname, './src/assets/dist/ag-grid-enterprise.cjs.js') } } } }; ``` 这样，在重新启动开发服务器后，项目将使用本地修改后的版本而非原始 `node_modules` 中的文件 [^3]。 ### Fork 原始仓库并发布私有版本如果修改范围较大或计划长期维护特定改动，推荐 fork 原始库并在自己的 NPM 或私有仓库中发布。这种方式不仅便于版本管理，还能避免与上游库同步时出现冲突。 - 克隆原始库并创建新分支进行修改。 - 更新 `package.json` 中的名称和版本号，以便作为独立包发布。 - 构建并发布至 NPM 或私有注册表。 - 在主项目中卸载原依赖，安装新发布的版本： ```bash npm uninstall original-package npm install @your-scope/modified-package ``` ### 清理缓存并重新安装依赖当修改了 `node_modules` 内容但未生效时，可能是由于构建工具缓存或旧依赖残留所致。 - 删除 `node_modules` 文件夹： ```bash rm -rf node_modules ``` 或者使用 `rimraf` 快速删除： ```bash npx rimraf node_modules ``` - 清除 npm 缓存： ```bash npm cache clean --force ``` - 重新安装依赖： ```bash npm install ``` 此过程会移除所有现有依赖，并根据 `package.json` 和 `.patch` 文件重新构建环境，确保修改被正确应用 [^4]。 ---