前提环境:

"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

 

 

 

Logo

前往低代码交流专区

更多推荐