背景
一个老的vue项目,预览pdf文件的时候,电子签章不显示
解决方案
由于是老项目,升级版本存在风险,然后又找到一些解决方案,都是修改源码,修改源码就引出了今天的主题 path-package,我们需要修改node modules下面某个依赖包的源文件。【但是大部分最好不要这样改,直接升级包是最保险的,除非一些特殊的情况】
path-package
官方文档:https://github.com/ds300/patch-package
作用: 这个包能让你修改并保存对npm 依赖包的修改。
上手
1, 第一步,安装path-package这个包
npm install patch-package --save-dev
2, 在package.json的scripts里面添加一行执行脚本
"postinstall": "path-package"
3, 修改node_modules目录下的源码,我们目前遇到的vue-pdf预览问题,是修改 node_modules\pdfjs-dist\es5\build\pdf.worker.js 这个文件下面的,_this3.setFlags(_util.AnnotationFlag.HIDDEN); 这一行代码
我们将这行代码注释
运行代码,预览问题已经解决了
4,将此次更改持久化
npx path-package [YOUR-PACKAGENAME]
npx patch-package pdfjs-dist
此时项目根目录会多出一个patches文件夹,里面会有一个文件
文件内容如下
5, commit 你的提交就OK了
这个包的原理是先记录你的改动,install之后,根据这个patches文件改动源信息,去执行脚本更新这个依赖包里面的内容。