Bundle 용량 최소화(2)

1. UglifyJsPlugin사용 : js minify

 

설치

 npm i --save-dev uglifyjs-webpack-plugin

 

 

webpack설정

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
  productionSourceMap: false,
  lintOnSave: false,  
  configureWebpack: {
    optimization: {
      minimizer: [new UglifyJsPlugin()]
    }
  },
  css: {
    sourceMap: false
  }
}

 

2.lodash 삭제 또는 필요 Function만 import

- javascript에서 제공하는 기본 method로 변경

- method 직접 구현

 

3. jquery import를 사용하는 경우가 있다면 jquery.min으로 변경

- jquery는 사용하지 않는 것이 좋지만 만약 사용한다면 jquery.min으로 변경하자