콘솔 로그는 혼자 개발한다면 괜찮지만 다수의 사람과 코드를 작성하고 빌드&배포를 진행할 경우 여기저기서 console.log가 찍히는 일이 발생하는데요.

 

일일이 지워주는 건 비효율적이기 때문에 빌드 단에서 모두 지워주는 플러그인을 사용해봤고 실무에서도 적용했습니다.

 

1. 플러그인 설치


npm i babel-plugin-transform-remove-console

 

2. .babelrc 또는 bable.config.js


module.exports = {
  ...
  plugins: process.env.NODE_ENV === 'production' ? ['transform-remove-console'] : [],
  ...
}

제 경우 빌드 할 때만 사용하기 위해 babel.config.js에서 플러그인을 추가해주었습니다.

 

 

 

babel-plugin-transform-remove-console

Remove all console.* calls.. Latest version: 6.9.4, last published: 4 years ago. Start using babel-plugin-transform-remove-console in your project by running `npm i babel-plugin-transform-remove-console`. There are 194 other projects in the npm registry us

www.npmjs.com