vue项目使用UglifyJsPlugin进行代码压缩打包后显示空白页

Question

webpack使用UglifyJsPlugin进行代码压缩。
在不添加参数时，打包后的文件可以正常显示。代码如下：
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
plugins: [
new UglifyJsPlugin(),
]
添加参数后，打包过程无报错，但是打包后的index.html文件打开是空白页，且报以下错误：

代码如下：
new UglifyJsPlugin({

  uglifyOptions: {
    compress: {
      warnings: false
    }
  },
  sourceMap: config.build.productionSourceMap,
  parallel: true
}),

Answer 1

看文档warnings是写在compress外面的。
https://github.com/mishoo/Ugl...

new UglifyJsPlugin({
    warnings: false,
    sourceMap: config.build.productionSourceMap,
    parallel: true
})

最好把你的webpack配置文件贴出来

module.exports = {
  optimization: {
    minimizer: [
      new UglifyJsPlugin({
        uglifyOptions: {
          warnings: false,
          parse: {},
          compress: {},
          mangle: true, // Note `mangle.properties` is `false` by default.
          output: null,
          toplevel: false,
          nameCache: null,
          ie8: false,
          keep_fnames: false,
        },
      }),
    ],
  },
};