[React] webpack 4.42.0 에서 vendor 설정?

필자가 리액트를 공부하던 도중, 또 난관에 부딪히고 말았다.

vendor 관련 설정인데, 필자가 참고하는 도서와는 갭차이가 크다.
수많은 구글링을 통해 필자가 내린 결론은, 아무것도 건들지 않는것이 좋다는 것이다.

우선 도서에 나와있는 방법이다.

• webpack.config.(dev/prod).js 수정
  1) entry 객체 수정(vendor 추가)
  2) plugins 객체 수정(CommonsChunkPlugin 추가)
  3) NormalModuleReplacementPlugin 적용

필자가 구글링을 통해 알아낸 방법이다.

• webpack.config.js 참고
  1) 웹팩 4버전 이상에서는 vendor를 알아서 생성해준다고 한다.
  2) CommonsChunkPlugin은 splitChunks로 변경됨
  3) NormalModuleReplacementPlugin해도 에러는 안나는데 웹서버 빌드시 용량변화가 없다.

웹팩 4버전 이상에서는 별다른 조작을 안해도 chunk가 불러와지는데, 사실 필자는 이런 내용은 아직 잘 몰라서 제대로 되고있는지 확인이 안된다.

몇 가지 조작을 해보았지만, 그대로 놔두는게 우선은 최선인 것 같다.

도서를 새로 사야하나...