webpack

webpack.config.js에서 webpack이 페이지를 가리키도록 설정하세요.
Webpack은 페이지를 파싱하고 페이지가 참조하는 모든 항목을 번들링한 다음 URL을 다시 작성합니다. loader나 plugin은 필요하지 않습니다.
영상으로 된 설명이 더 좋으신가요? 여기에서 확인하세요.
그런 다음 커맨드 라인에서 webpack을 실행하세요. HTML, CSS, JavaScript는 모두 webpack 자체에서 처리하므로 dist/에는 페이지와 페이지가 가리키는 애셋이 생성됩니다.
--mode development는 페이지와 스타일시트를 최소화하지 않고 번들을 브라우저 개발자 도구에서 자신의 파일에 다시 매핑하므로, 디버깅하는 것이 작성한 것처럼 보입니다.
--mode production은 페이지, 스타일시트, 스크립트를 최소화하고 사용하지 않는 코드를 제거합니다. 이것이 배포하는 빌드입니다.
가이드를 따라 빠르게 시작해 보거나, Concepts에서 webpack의 핵심 개념을 자세히 알아보세요.
Native HTML과 Native CSS 가이드에서는 내장 기능과 기존 설정을 이전하는 방법을 설명합니다.
한국어 번역 저장소에 자유롭게 이슈를 올려주시고, 기여 방법을 참고하여 PR 보내주시면 적극 반영하겠습니다!
저작권은 OpenJS Foundation 및 webpack 기여자에게 있으며, 모든 권리는 보호됩니다. OpenJS Foundation은 등록 상표를 보유하고 있으며 상표를 사용합니다. OpenJS Foundation의 상표 목록은 Trademark Policy와 Trademark List에서 확인할 수 있습니다. OpenJS Foundation 상표 목록에 표시되지 않은 상표 및 로고는 각 소유자의 상표™ 또는 등록 상표®입니다. 이를 사용한다고 해서 해당 소유자와의 제휴 관계나 보증을 의미하지는 않습니다.
The OpenJS Foundation | Terms of Use | Privacy Policy | Bylaws | Code of Conduct | Trademark Policy | Trademark List | Cookie Policy