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预览功能,需再打一次补丁。