Webpack 결론

Webpack 요약

Ivan Akulov

요약:

• 불필요한 바이트를 잘라냅니다. 모든 항목 압축, 사용하지 않는 코드 제거, 종속 항목 추가 시 주의
• 경로별로 코드 분할 지금 당장 필요한 항목만 로드하고 나중에 다른 항목을 지연 로드합니다.
• 캐시 코드. 앱의 일부는 다른 부분보다 업데이트 빈도가 낮습니다. 이러한 부분을 파일로 분리하여 필요할 때만 다시 다운로드되도록 합니다.
• 크기를 추적합니다. webpack-dashboard 및 webpack-bundle-analyzer와 같은 도구를 사용하여 앱의 크기를 계속 파악합니다. 몇 개월마다 전체적으로 앱의 성능을 새롭게 살펴봅니다.

앱을 더 빠르게 만드는 데 도움이 되는 도구는 Webpack뿐만이 아닙니다. 더 나은 환경을 위해 애플리케이션을 프로그레시브 웹 앱으로 만들고 Lighthouse와 같은 자동 프로파일링 도구를 사용하여 개선 제안을 받아보세요.

webpack 문서도 읽어 보세요. 다른 유용한 정보가 많이 있습니다.

학습 앱을 사용해 연습해 보세요.