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);
},
}),
],
//.....
//......其他配置
}