webpack打包过滤console等

webpack打包过滤console等

开发环境下需要console打印很多的数据，但是放在放在线上想过滤掉console，debugger这些，
只要在webpack的配置里面加上一段代码就可以过滤掉。
对于webpack4以上的版本过滤console方法：

1.安装terser-webpack-plugin插件

   npm i --save terser-webpack-plugin

2.webpack.config配置

//webpack.prod.conf.js
//引入插件
const TerserPlugin = require('terser-webpack-plugin');
//........
//.........
//.........
//与plugins同级添加
optimization: {
        //过滤console/debugger
        minimizer: [
            new TerserPlugin({
                minify: (file, sourceMap) => {
                    // https://github.com/mishoo/UglifyJS2#minify-options
                    const uglifyJsOptions = {
                        /* your `uglify-js` package options */
                        compress: {
                            drop_console: true
                        }
                    };

                    if (sourceMap) {
                        uglifyJsOptions.sourceMap = {
                            content: sourceMap,
                        };
                    }

                    return require('uglify-js').minify(file, uglifyJsOptions);
                },
            }),
        ],     
       //.....
       //......其他配置
    }