Next.js에서 운영배포시 console 제거

1)  babel-plugin-transform-remove-console 설치

yarn add --dev babel-plugin-transform-remove-console

 

2) .babelrc 작성

{
  "presets": [
    "next/babel"
  ],
  "env": {
    "production": { // 개발시 "development"
      "plugins": [
        "transform-remove-console"
      ]
    }
  }
}

 

추가로, next.js 12.0.0 버전 이후로는 next.config.js에서 간단하게 제거할 수 있다.

https://nextjs.org/docs/advanced-features/compiler#remove-console