[NextJS] 빌드/운영 배포 시 console.log 제거하기

NextJS 빌드 시 console 제거하기

로그라는 게 서비스할 때 로그가 노출되면 위험한 부분이 있겠지만,

아무래도 개발을 하는 도중에는 로그를 살려두고 작업을 하는 게 매우 편리하다.

 

당연하게도 "빌드"시에만 콘솔을 제거해주는 기능을 Nextjs 자체적으로 제공하는 중이다.

---

▷ next.config.js

module.exports = {
  compiler: {
    removeConsole: true,
  },
}

console.* 와 일치하는 모든 콘솔을 제거해 달라는 설정이다.

공식문서에서는 babel-plugin-transform-remove-console와 비슷하다고 명시되어 있다.

(일전에 NuxtJS에서 동일한 주제로 정리한 글이 있는데 거기서도 babel-plugin-transform-remove-console를 사용한다.) 

 

만약, 단 하나의 콘솔조차 필요 없다면 위와 같이 설정해 주면 되겠지만

조직 환경에 따라 로그가 필요한 경우도 존재한다.

 

그러면 상황에 맞게 "로그 컨벤션"같은 게 존재한다면, 규칙에 따라 특정 로그들은 제외시킬 수 있다.

module.exports = {
  compiler: {
    removeConsole: {
      exclude: ['error'],
    },
  },
}

이렇게 작성하게 되면 console.error는 제외하고 제거하겠다는 의미이다.

---

참고: https://nextjs.org/docs/architecture/nextjs-compiler#remove-console

Architecture: Next.js Compiler | Next.js