콘솔 로그는 혼자 개발한다면 괜찮지만 다수의 사람과 코드를 작성하고 빌드&배포를 진행할 경우 여기저기서 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에서 플러그인을 추가해주었습니다.