使用patch-package给node_moddules中的包打补丁

背景

安装@jiaminghi/data-view包时,启动项目会提示以下报错
使用patch-package给node_moddules中的包打补丁_第1张图片

解决方案

  1. 安装patch-package包
npm i patch-package --save-dev
  1. 根据提示修改node_modules 依赖包中的源码
    使用patch-package给node_moddules中的包打补丁_第2张图片
  2. 执行命令创建补丁文件
npx patch-package @jiaminghi/data-view

执行该命令后会在项目根目录中自动创建一个 patches 文件夹,该文件夹中就会出现一个 package-name+version.patch 的补丁文件(记录第三方包内容的更改)。
使用patch-package给node_moddules中的包打补丁_第3张图片
4. 测试补丁包是否有效
5. 修改项目根目录下的 package.json 文件

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

这样一来,每次安装依赖的时候都会通过 postinstall 脚本自动应用 patches 的修改,解决了团队协作的问题。

你可能感兴趣的:(vue.js,npm,前端)