在项目中使用了mozilla/pdf.js,在使用中需要设置GlobalWorkerOptions.workerSrc,代码如下
import PDFJS from 'pdfjs-dist'
import workerSrc from 'pdfjs-dist/build/pdf.worker.js'
PDFJS.GlobalWorkerOptions.workerSrc = workerSrc;
console.log('workerSrc-->\n',workerSrc);
屏幕快照 2020-03-04 下午6.01.45.png
在运行的时候发现workerSrc被webpack和Babel压缩混淆成了代码字符串,而非PDFJS.GlobalWorkerOptions.workerSrc需要的xxx/pdf.worker.js这种形势的文件路径。
vuecl3配置
vuecl3免混淆js文件的配置方法如下,vue.config.js文件
module.exports = {
chainWebpack: config => {
config.module
.rule('pdf.worker.js')//名称 随意定制,应当避免重复
.test(/pdf\.worker\.js$/i) //正则文件名
.use('url-loader')
.loader('url-loader')
.tap(() => ({ limit: 10,name:'js/[name].[ext]