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

巴特西

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

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

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

最新文章

热门文章