pnpm patch 修改第三方库代码
首先我们先执行 pnpm patch <pkg> 去 patch 这个包！
╭─ ~/CunWangOwn/FE/vite-project on eslintPrettier !8 ?12 ────────────────────────────────────────────────────── ✔ took 14m 4s at 14:57:39 ─╮
╰─ pnpm patch react-virtualized
You can now edit the following folder: /private/var/folders/wc/lq3tvptn19l7963dcqrznj7h0000gp/T/7ac53f1cb2a262be3e66cc3b63f21fc8/user
然后他就在这个地方/private/var/folders/wc/lq3tvptn19l7963dcqrznj7h0000gp/T/926607bb2ec5423174e11d839641f620/user给你生成了这个包的临时目录
然后你可以去这里修改任何你想去修改的代码！接着，我们进入第三方库的代码中去进行修改那个有问题的代码，先删掉无用的 import 语句，在随便加点其他的代码，再在命令行输入:
+ console.log(111111111111111111111111111);
- import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";
修改完并且保存后！还需要提交补丁! patch-commit
╭─ ~/CunWangOwn/FE/vite-project on eslintPrettier !8 ?13 ────────────────────────────────────────────────────────────────────── ✔ at 15:04:24 ─╮
╰─ pnpm patch-commit /private/var/folders/wc/lq3tvptn19l7963dcqrznj7h0000gp/T/7ac53f1cb2a262be3e66cc3b63f21fc8/user ─╯
WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
Packages: -1
-
Progress: resolved 701, reused 680, downloaded 0, added 1, done
> vite-project@0.0.0 prepare /Users/codehope/CunWangOwn/FE/vite-project
> husky install
husky - Git hooks installed
ERR_PNPM_PEER_DEP_ISSUES Unmet peer dependencies
.
├─┬ @amatlash/vite-plugin-stylelint 1.2.0
│ ├── ✕ missing peer rollup@^2.60.0
│ └── ✕ unmet peer vite@^2.6.14: found 3.2.4
├─┬ vite-plugin-svgr 2.2.2
│ └─┬ @rollup/pluginutils 5.0.2
│ └── ✕ missing peer rollup@^1.20.0||^2.0.0||^3.0.0
├─┬ stylelint-config-standard-scss 6.1.0
│ ├── ✕ missing peer postcss@^8.3.3
│ └─┬ stylelint-config-recommended-scss 8.0.0
│ ├── ✕ missing peer postcss@^8.3.3
│ └─┬ postcss-scss 4.0.6
│ └── ✕ missing peer postcss@^8.4.19
└─┬ react-virtualized 9.22.3
├── ✕ unmet peer react@"^15.3.0 || ^16.0.0-alpha": found 18.2.0
└── ✕ unmet peer react-dom@"^15.3.0 || ^16.0.0-alpha": found 18.2.0
Peer dependencies that should be installed:
postcss@">=8.4.19 <9.0.0" rollup@">=2.60.0 <3.0.0"
hint: If you want peer dependencies to be automatically installed, add "auto-install-peers=true" to an .npmrc file at the root of your project.
hint: If you don't want pnpm to fail on peer dependency issues, add "strict-peer-dependencies=false" to an .npmrc file at the root of your project.
然后你再去运行一下你的项目！
可以看到运行了我们自定义的代码！说明我们已经给第三方包成功的打了补丁代码！
然后有个疑问，那么是不是安装依赖后，每次都要去做一次patch commit呢？答案肯定是不是的！首先当你commit 补丁之后，当前项目目录下会出现一个patches的文件夹！
├── patches
│ └── react-virtualized@9.22.3.patch
下面每一个文件记录者你对所有包的补丁操作记录
// react-virtualized@9.22.3.patch
diff --git a/dist/es/WindowScroller/utils/onScroll.js b/dist/es/WindowScroller/utils/onScroll.js
index d00f0f18c6596e4e57f4f762f91fed4282610c91..dc7fc078a8b578c8fbef74eb54e7e0b13c7208f9 100644
--- a/dist/es/WindowScroller/utils/onScroll.js
+++ b/dist/es/WindowScroller/utils/onScroll.js
@@ -71,4 +71,5 @@ export function unregisterScrollListener(component, element) {
}
}
}
-import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";
\ No newline at end of file
+console.log(111111111111111111111111111);
+// import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";
\ No newline at end of file
然后package.json 也会多出这样的配置：
"pnpm": {
"patchedDependencies": {
"react-virtualized@9.22.3": "patches/react-virtualized@9.22.3.patch"
}
}
这样我们在每次执行 pnpm install 的时候，pnpm 会根据 patches 的补丁记录 自动帮我们把第三方打上补丁！
评论区