Webpack 결론
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Webpack 요약
요약:
- 불필요한 바이트를 줄입니다. 모든 것을 압축하고 사용하지 않는 코드를 삭제하고 종속 항목을 추가할 때는 현명합니다.
- 경로별로 코드 분할. 지금 당장 필요한 항목만 로드하고 다른 항목은 나중에 지연 로드
- 캐시 코드. 앱의 어떤 부분이 다른 부분보다 업데이트 빈도가 낮습니다. 필요할 때만 다시 다운로드되도록 이 부분을 파일로 분리합니다.
- 크기를 추적합니다. webpack-dashboard 및 webpack-bundle-analyzer와 같은 도구를 사용하여 앱의 크기를 파악할 수 있습니다. 몇 개월마다 앱 성능을 새로 살펴보세요.
Webpack은 앱을 더 빠르게 만드는 데 도움이 되는 유일한 도구는 아닙니다. 더 나은 경험을 위해 애플리케이션을 프로그레시브 웹 앱으로 만들고 Lighthouse와 같은 자동화된 프로파일링 도구를 사용하여 개선사항 제안을 받으세요.
webpack 문서를 꼭 읽어보세요. 이 문서에는 다른 유용한 정보가 많이 있습니다.
학습 앱을 꼭 사용해 보세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2018-02-08(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2018-02-08(UTC)"],[],[]]