解决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源码的处理出错。

解决办法：

1.  安装 uglifyjs-webpack-plugin 插件
2. 在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