webpack 4.0 打包去过滤console和ddebugger

之前使用vue的时候，过滤打包的使用的是uglifyjs-webpack-plugin这个插件，最近查资料发现这个插件被弃用了，使用

terser-webpack-plugin。

1. 安装terser-webpack-plugin插件

npm install terser-webpack-plugin  --save-dev

2. 在webpack.config.js插入如下代码

const TerserPlugin = require('terser-webpack-plugin');

optimization: {
    minimizer: [
      new TerserPlugin({
        cache: true,
        parallel: true,
        sourceMap: true,
        terserOptions: {
          compress: {
          // 关键代码
            warnings: true,
            drop_debugger: true,
            drop_console: true
          }
        }
      })
    ],
}

本地运行，是无法看到代码去掉console和debugger的，但是我打包发布到线上，就可以看到效果了。