Is it possible to removeConsole in production only?

[sunglee]

With the current next config, all console outputs are hidden. I wonder if it is possible to show console in development but hide in production. Thanks!

// next.config.js
module.exports = {
  compiler: {
    removeConsole: true,
  },
}

[thibautsabot]

Hello.

You could enable it depending on the NODE_ENV value.

module.exports = {
  compiler: {
    removeConsole: process.env.NODE_ENV === "production",
  },
};

will remove console.* when doing yarn build but will still keep them on yarn dev.

[sunglee]

@thibautsabot Thanks for the reply! That makes sense.

How about showing console.error but hiding other console output in production?

compiler: {
   removeConsole: {
     exclude: ['error'],
   },
},

[thibautsabot]

module.exports = {
  compiler: {
    removeConsole:
      process.env.NODE_ENV === "production" ? { exclude: ["error"] } : false,
  },
};

[adelpro]

Or enable only in development :
compiler: {
removeConsole: !process.env.NODE_ENV === "development",
},

[AryanJ-NYC]

Or enable only in development : compiler: { removeConsole: !process.env.NODE_ENV === "development", },

This doesn't do what you think it does.

[programming-with-ia]

this is my need

compiler: {
    removeConsole: process.env.NODE_ENV === "production" && {
      exclude: ["error", "warn"],
    },
  },

[trulymittal]

For some reason this is not working on heroku using "next": "12.0.7",

The console.logs are still present...

Does anyone knows the issue?

This is my next.config.js

const nextConfig = {
  reactStrictMode: true,
  compiler: {
    removeConsole: true
  }
}

excerpt from package.json

{
  "next": "12.0.7",
  "next-auth": "^4.0.6",
  "next-connect": "^0.11.0",
  "next-remove-imports": "^1.0.6",
  "next-seo": "^5.5.0",
  "raw-body": "^2.5.1",
  "react": "17.0.2",
}

[shailjasarawagi]

this is available only after v12.1.0 doc

[wb121017405]

Note: Since the root directory has .babelrc or bable.config.js in it, it will overwrite some of the configurations in next.config.js, so removeConsole will not take effect.

https://nextjs.org/docs/architecture/nextjs-compiler#unsupported-features

[skagedal]

Hello! These compiler settings do not seem to be documented, or am I missing something? [edit: oh, I found that there was a link to the source as a reference! would still be nice if it they were all documented though :)]

[sKopheK]

is there any option to remove console.* from code of node_modules that are bundled altogether with the app?

tried babel's babel-plugin-transform-remove-console, including terser into webpack config and finally adding .swcrc with drop_console setting set to true + adding problematic module into the transpilePackages setting with no luck, pesky console.log left behind in one of the node_modules we use is still poluting browser console log