在生产环境禁止打印 console log

发表于 2018-10-31 更新于 2024-05-17 分类于 javascript 阅读次数： Waline：本文字数： 298 阅读时长 ≈ 1 分钟

问题：如何在生产环境禁止 console log ？？

开发和测试环境中会用到大量 console.log 方法来进行代码的调试，但生产上需要关闭这些输出。
因为 console.log 打印的对象是不会被垃圾回收器回收的，这样可能会影响页面的整体性能，尤其是在开发环境可能会引起一起不必要的 bug

有以下两种方法：

Hack 方法

这应该是最容易想到的方法，直接改写 console.log 的方法。
在生产环境禁止打印的方法 (Node 环境下，我本人的项目是 react)

// <!-- 在项目入口处加上如下代码 -->
// process是Node 提供一些常用的全局变量，所有模块都可以调用
console.log("Env:%o,:%o", process.env.NODE_ENV); // production：生产环境  development：开发环境
if (process.env.NODE_ENV === "production") {
  console = console || {};
  console.log = function () {};
}

webpack 构件工具中配置

使用UglifyjsWebpackPlugin插件

// yarn add uglifyjs-webpack-plugin
// 在你的webpack.config.js中添加如下代码
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
plugins: [
  new UglifyJsPlugin({
    uglifyOptions: {
      compress: {
        drop_console: true,
      },
    },
  }),
];

// webpack 更新啦4.x 后这样写。
plugins: [
  new UglifyJsPlugin({
    uglifyOptions: {
      compress: {
        warnings: false,
        drop_debugger: true,
        drop_console: true,
      },
    },
  }),
];

更多更好用的方法，请在下方评论告知谢谢 🙂

0%