[vue.js] production mode에서 console.log 제거하기

Production mode에서 콘솔로그 제거 하기

terser-webpack-plugin를 이용하여 진행한다.

npm에서 1400만회 이상 다운로드와 최근 업데이트 기록으로 인해 terser 라이브러리를 사용하기로 했다.

사용법은 간단함.

npm install terser-webpack-plugin

vue.config.js 에 아래와 같이 설정한다.

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  configureWebpack: config => {
    config.optimization = {
      minimize: true,
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            ecma: 6,            
            compress: { drop_console: true },            
            output: { comments: false },            
          },
        }),
      ],
    }
  },
 } 

위와 같이 설정해주면 끝.

참고자료 : https://webpack.js.org/plugins/terser-webpack-plugin/