chunk 설정

module.exports = {
...

  optimization: {
      splitChunks: {
          chunks: 'all'
      }
  }
  
...
};

build 를 할때 위와 같이 설정을 하면 code splits 를 할 수 있다. 

코드에 추가하는 기능의 bendor 를 따로 bundling 하여서 

코드와  vendor 을 두개로 bundle 되어 생성된다. 

 

 

둘다 적용하기 위해서는 따로 따로 <script > 태그에 걸어서 사용해야 한다.