js项目生产环境中移除 console
1、terser-webpack-plugin
webpack 构建的项目中安装使用
安装：
npm install terser-webpack-plugin --save-dev
配置
在webpack.config.js文件中
new TerserPlugin({
terserOptions: {
output: {
comments: false, // 去除注释
},
warnings: false, // 去除黄色警告,
compress: {
drop_console: true,
drop_debugger: true, // 特定情况需要利用debugger防止调试
pure_funcs: ['console.log'], // 移除console.log 避免console.error
},
},
}),
2、
babel-plugin-transform-remove-console
安装
npm install babel-plugin-transform-remove-console --save-dev
在babel.config.js文件中加入配置
module.exports = {
plugins: [
'transform-remove-console',
],
};
如果只想在生产环境中使用，可以改成：
const prodPlugins = [];
if (process.en.NODE_ENV === 'production') {
prodPlugins.push('transform-remove-console');
}
module.exports = {
plugins: [
...prodPlugins
],
};
原文地址：https://blog.csdn.net/qq_39460057/article/details/136744188
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！