<img src="https://cdn.inflearn.com/public/files/posts/96b97238-d3f8-4f28-bda8-8b27e9430ec0/blob" alt="" />
app.js에서 딱히 다이나믹 임포트는 하고 있지 않고, webpack.config.js에서 splitChunks는 사용중입니다. axios는 copy-webpack-plug으로 복사해주고 빌드했을 때 저는 강사님과 다르게 vendor파일이 있는데요, 적은 용량도 아니어서, 어떤이유로 벤더파일이 생길 가능성이 있는지 궁금합니다!

스플릿청크 플러그인은 여러 엔트리가 있을경우 중복되는 코드를 모아 vendors~ 라는 이름의 결과물을 만드는 플러그인입니다.
<ol>
<li>아마도 사용하는 코드에서 중복된걸 만들었을 수도 있을것 같고요,</li>
<li>아니면 기본으로 저렇게 만들어 준게 아닌가 싶습니다.</li>
</ol>
자세한 결과를 확인하려면 vendors~main.js 코드를 확인해 보시면 될것 같아요.
관련된 글 입니다.
<ul>
<li>https://webpack.js.org/guides/code-splitting/</li>
<li>https://jeonghwan-kim.github.io/series/2020/01/02/frontend-dev-env-webpack-intermediate.html#43-%EC%BD%94%EB%93%9C-%EC%8A%A4%ED%94%8C%EB%A6%AC%ED%8C%85</li>
</ul>

인프런 커뮤니티 질문&답변

빌드결과