Webpack 요약
Ivan Akulov
요약:
- 불필요한 바이트를 줄입니다. 모든 것을 압축하고 사용하지 않는 코드를 삭제하고 종속 항목을 추가할 때는 현명합니다.
- 경로별로 코드 분할. 지금 당장 필요한 항목만 로드하고 다른 항목은 나중에 지연 로드
- 캐시 코드. 앱의 어떤 부분이 다른 부분보다 업데이트 빈도가 낮습니다. 필요할 때만 다시 다운로드되도록 이 부분을 파일로 분리합니다.
- 크기를 추적합니다. webpack-dashboard 및 webpack-bundle-analyzer와 같은 도구를 사용하여 앱의 크기를 파악할 수 있습니다. 몇 개월마다 앱 성능을 새로 살펴보세요.
Webpack은 앱을 더 빠르게 만드는 데 도움이 되는 유일한 도구는 아닙니다. 더 나은 경험을 위해 애플리케이션을 프로그레시브 웹 앱으로 만들고 Lighthouse와 같은 자동화된 프로파일링 도구를 사용하여 개선사항 제안을 받으세요.
webpack 문서를 꼭 읽어보세요. 이 문서에는 다른 유용한 정보가 많이 있습니다.
학습 앱을 꼭 사용해 보세요.