• 修改node_modules中安装的依赖(如第三方ui组件样式)并在下次安装时保留


    场景:需要修改安装的某个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( atbuttonheight/2;borderradius:calc(at-button-height / 2);
    在这里插入图片描述

    步骤四 生成补丁

    执行 npx patch-package taro-ui-vue3
    根目录下会生成一个补丁文件夹
    在这里插入图片描述
    在这里插入图片描述

    最后,删除node_modules文件夹,重新安装npm i,如果button.scss里面是修改后的,那么补丁成功了

    !!!注意:

    A、必须在package.json中设置postinstall, 否则重新安装后修改的代码不会保留

    B、如果postinstall存在多个 用&&
    比如 “postinstall”: “husky install && patch-package”

    C、必须有package-lock.json 或者yarn.lock才能运行npx patch-package xxx, 否则会报错在这里插入图片描述

    D、如果升级了patch-package, 补丁会失效,需要锁定版本号
    在这里插入图片描述

  • 相关阅读:
    专科出身,2年进苏宁,5年跳阿里,论我是怎么快速晋升的?
    微调用于多语言 ASR 的 MMS 适配器模型
    Git 常用命令汇总
    红黑树以及JAVA实现(一)
    绕任意轴旋转矩阵推导
    记一次盖茨木马应急响应
    python文件中设置环境变量
    idea 全局maven 设置
    Map集合详细讲解
    基于flask的网上商城
  • 原文地址:https://blog.csdn.net/hanchengmei/article/details/128201372