vue项目引用vue-pdf打包多出worker.js文件

问题描述:项目要用到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预览功能,需再打一次补丁。

posted @ 2023-03-02 14:25  点电荷  阅读(679)  评论(0编辑  收藏  举报