js项目生产环境中移除 console

whatever who cares2024-07-17 22:04

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
  ],
};