場景：需要修改安裝的某個ui庫的樣式或者其他依賴，直接去node_modules中修改后，重新安裝，或者其他小伙伴的電腦上并不能同時修改
方案：用patch-package 可以保留修改
步驟一
安裝 patch-package —> npm i patch-package --save
步驟二 配置package.json
script加上‘‘postinstall’’：“patch-package”
步驟三 在node_modules中找到要修改的依賴
這里是修改 taro-ui-vue3/dist/style/components/button.scss，修改任意一處代碼,
border-radius:
a
t
?
b
u
t
t
o
n
?
h
e
i
g
h
t
/
2
;
改
成
b
o
r
d
e
r
?
r
a
d
i
u
s
:
c
a
l
c
(
at-button-height / 2; 改成 border-radius: calc(
at?button?height/2;改成border?radius:calc(at-button-height / 2);
步驟四 生成補丁
執(zhí)行 npx patch-package taro-ui-vue3
根目錄下會生成一個補丁文件夾
最后，刪除node_modules文件夾，重新安裝npm i，如果button.scss里面是修改后的，那么補丁成功了
!!!注意：
A、必須在package.json中設(shè)置postinstall， 否則重新安裝后修改的代碼不會保留
B、如果postinstall存在多個 用&&
比如 “postinstall”: “husky install && patch-package”
C、必須有package-lock.json 或者yarn.lock才能運行npx patch-package xxx， 否則會報錯
文章來源：http://www.zghlxwxcb.cn/news/detail-483190.html
D、如果升級了patch-package, 補丁會失效，需要鎖定版本號
文章來源地址http://www.zghlxwxcb.cn/news/detail-483190.html
到了這里，關(guān)于修改node_modules中安裝的依賴（如第三方ui組件樣式）并在下次安裝時保留的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
