vue手动修改node_modules里的依赖

351 阅读1分钟

今天碰到一个需要修改node_modules依赖才能解决的问题,vue-pdf预览,不能显示红章,手动去按照网上的方法修改node_modules里的代码,打包后到测试上不生效

1. 安装patch-package

npm install patch-package --save-dev

2. 修改package.json

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

3. 修改node_modules里的代码

我是解决vue-pdf无法显示红章问题,首先:

找到 node_modules/pdfjs-dist/build/pdf.worker.js 

if (data.fieldType === "Sig") {   data.fieldValue = null;   /*this.setFlags(_util.AnnotationFlag.HIDDEN);*/ 这行注释掉}

node_modules/pdfjs-dist/es5/build/pdf.worker.js 

if (data.fieldType === "Sig") {   data.fieldValue = null;   /*_this3.setFlags(_util.AnnotationFlag.HIDDEN);*/ 这行注释掉}

4. 执行 npx patch-package package-name 创建补丁文件

**注意:**npx patch-package package-name中的 package-name 指的是你修改的文件,比如我修改了 pdfjs-dist 那命令就是 npx patch-package pdfjs-dist

项目根目录里就会出现一个patches的文件夹 里面就会有个 package-name+2.5.207.patch

代表修改成功!

5. 测试一下本地和线上是否解决问题

补充一下 patch-package 支持修改依赖包的依赖包

比如:node_modules/xxxx/node_modules/xxx

npx patch-package xxxx/xxx

6. 完成任务