내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js
[webpack 4] vendor와 common 합체
webpack을 3에서 4로 업데이트 했다. 같은 툴인데 뭐가 얼마나 다르겠나 하고 시작했다. 많이 달랐다. 이 쉐키들... 일단 가장 중요한 요소로, CommonsChunkPlugin 이 deprecated 되어 사용할 수 없게 되었다. 대신 config.optimization.splitChunks 를 사용해야 한다. 샘플만 보고 따라했더니, 기존에 common 으로 묶었던 공통 js가 vendor.js 와 common.js 로 분리되었다. 게다가 css도 단일 파일로 만들던것이 직접 만든 css 파일들이 포함되지 않게 되어버렸다. 구글을 하루 종일 뒤진 끝에 분리 된 파일들을 병합할 수 있었다. 추가/변경 된 부분만 나열하자면 이렇다. (기존 entry 등은 대부분 동일하다) mode: "none",..
2019. 3. 14. 12:27
최근댓글