解决webpack+vue环境中,接入vue-quill-editor所遇到的问题
前提环境:"vue": "^2.4.2""webpack": "^3.5.5""vue-quill-editor": "^3.0.6"一. dev环境中正常,build后抛 “e.isBuffer is not a function” 错误该问题主要在于编译过程中,webpack 中的 webpack.optimize.UglifyJsPlugin 中对JS源码的处理出错。...
·
前提环境:
"vue": "^2.4.2"
"webpack": "^3.5.5"
"vue-quill-editor": "^3.0.6"
一. dev环境中正常,build后抛 “e.isBuffer is not a function” 错误
该问题主要在于编译过程中,webpack 中的 webpack.optimize.UglifyJsPlugin 中对JS源码的处理出错。
解决办法:
- 安装 uglifyjs-webpack-plugin 插件
- 在webpack.build.config.js(跑build命令时执行的config文件)文件中,用uglifyjs-webpack-plugin插件替换webpack.optimize.UglifyJsPlugin 插件:
plugins: [ // new webpack.optimize.UglifyJsPlugin({ // // compress: { // // warnings: false, //警告信息 // // drop_debugger: false, //清除 debugger // // drop_console: false, //清除 console // // }, // sourceMap: true // }), new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, //警告信息 drop_debugger: false, //清除 debugger drop_console: false, //清除 console } }, sourceMap: true }), ],
二. 安装 uglifyjs-webpack-plugin 插件后,编译报“TypeError: Cannot read property 'compilation' of undefined” 错误
该问题主要在于 uglifyjs-webpack-plugin 插件版本与webpack版本不匹配导致
解决办法:
由于改变webpack版本影响较大,只能把 uglifyjs-webpack-plugin 版本降到与当前webpack版本匹配的版本了,我是降到了uglifyjs-webpack-plugin 1.0.0
更多推荐
已为社区贡献1条内容
所有评论(0)