欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

vue 项目引用 vue-pdf 打包额外的 worker.js 文件

最编程 2024-07-17 14:07:06
...

项目要用到pdf预览功能,因为是vue项目就是直接导入了vue-pdf组件,但是在进行打包的时候在dist文件夹下面多个worker.js文件,导致项目部署后预览pdf直接报了404

方案一:修改依赖文件node_modules下worker-loader里的index.js文件里路径

原:

const filename = _loaderUtils2.default.interpolateName(this, options.name || '[hash].worker.js', {
context: options.context || this.rootContext || this.options.context,
regExp: options.regExp
});

改后:

const filename = _loaderUtils2.default.interpolateName(this, options.name || 'static/js/[hash].worker.js', {
context: options.context || this.rootContext || this.options.context,
regExp: options.regExp
});

注:修改node_modules不能一劳永逸,每次重新打包重新发布生产,要记得修改。

方案二:给node_modules打补丁:vue-pdf问题解决及patch-package简介 - 简书

打补丁只能解决当前项目,如果其他项目也需要用到这个pdf预览功能,需再打一次补丁。

原文地址:https://www.cnblogs.com/ll666/p/17171663.html