custom react 환경에서 node_modules chunk 분리

Question

안녕하세요, 강의 잘 보고 있습니다.   custom 하게 webpack과 babel을 사용하여 react 개발 환경을 구축하였습니다.   lazy와 suspense를 사용하여 코드 스플리팅을 진행하여 컴포넌트는 분리가 되었으나, node_modules가 분리되지 않는 이슈가 발생하여 webpack.config.js에서 optimization을 설정하여 split chunk를 설정해주었습니다. 저는 이 떄, async와 all을 사용하여 분리를 하였습니다. 그렇다면, 각각 다른 컴포넌트에서 사용되는 각각 다른 async node_modules가 한번에 묶여서 chunk로 생성되는 것을 확인했는데요, 이 또한 test작성을 통해 모두 분리해주어야하나요??

hackurity01 · Answer

안녕하세요, easyiscat님, 질문이 두 개 였군요.. 늦어서 죄송합니다. 제가 질문을 제대로 이해 못했는데요, test 작성을 통해 분리한다는게 무슨 말인가요? 정확히 하고자 하는 것이 서로 다른 분할된(코드분할된) 컴포넌트에서 각각 다른 모듈을 추가적으로 분할 하는 것인데, 현상태는 각각의 모듈이 하나의 청크로 묶이고 있다는 말씀이신가요? 제가 한동안 코드를 볼 여유가 없어서 정확한 답변이 가능할 지 모르겠지만, 도움이 될만한 링크를 하나 남깁니다. 한 번 확인부탁드립니다. https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366 감사합니다. :)