next.js生产环境去掉console打印

next.js生产环境去掉console打印

为什么需要去掉console?

Console 对象用于 JavaScript 调试。

JavaScript 原生中默认是没有 Console 对象，这是宿主对象（也就是浏览器）提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。

Console 对象常见的两个用途：

• 显示网页代码运行时的错误信息。
• 提供了一个命令行接口，用来与网页代码互动。

去掉的原因

1. console.log 是辅助开发者调试代码的，在生产环境下不再需要输出。
2. console.log 可能会造成内存泄漏，代码运行程序已结束，但因console.log输出需要在浏览器工具输出展示，造成内存不能回收。在Google Chrome浏览器已处理这种情况，但在其他浏览器可能就会存在内存泄漏。

next.js生产环境去掉console打印方法

在next.config.js中 nextjs-compiler 有讲解到：

nextjs-compiler: https://nextjs.org/docs/architecture/nextjs-compiler

//去掉所有console
module.exports = {
  compiler: {
    removeConsole: true,
  },
}

//除console.error(),其他都去掉
module.exports = {
  compiler: {
    removeConsole: {
      exclude: ['error'],
    },
  },
}

//因开发环境还需要用，只有生产环境才去掉console，调整如下
module.exports = {
   compiler: {
    // removeConsole: true,
    removeConsole:process.env.NODE_ENV === "production" ? { exclude: ["error",'info'] } : false,
  },
}
//这里修改一下，除了console.error()和console.info()其他的console都去掉
//然后将接口调用等地方的输出更换成console.error()和console.info()