vuecli 清除console debugger等

插件名称terser-webpack-plugin@4.2.3 以上版本 webpack4不支持

• 经测试只有在生产模式下才会生效

  • 解释文档 2文档

  • 从 webpack 4 开始，会根据你选择的 mode 来执行不同的优化， 不过所有的优化还是可以手动配置和重写。

  • 大概描述:如果没有设置mode，webpack 会给 mode 的默认值设置为 production。

  • 结论: 此插件属于优化配置,优化又会根据mode来进行不同优化,mode默认值为生产模式,所以此项优化默认针对于生产模式

• 使用文档

• 详细参数配置文档

• vuecli配置相关使用文档

• 发现插件的文档

  说明 这个需要在函数中配改变配置;在对象中改变会报错,文档中的解释如果你需要基于环境有条件地配置行为，或者想要直接修改配置，那就换成一个函数 (该函数会在环境变量被设置之后懒执行)。该方法的第一个参数会收到已经解析好的配置。在函数内，你可以直接修改配置，或者返回一个将会被合并的对象：

• 配置示例(vuecli)

const TerserPlugin = require('terser-webpack-plugin');
configureWebpack: config => {
    config.plugins = config.plugins.concat([new TerserPlugin({
        terserOptions: {
          compress: {
            drop_console: true
          }
        }
      })])
  },