이번에는 웹팩 모듈 관리 및 패키징 도구 사용 방법에 대해 설명하고, 웹팩 모듈 관리 및 패키징 도구 사용 시 주의사항은 무엇인지 알아보겠습니다.
Webpack 소개
webpack은 현재 가장 널리 사용되는 프런트엔드 리소스 모듈식 관리 및 패키징 도구입니다. 종속성 및 규칙에 따라 프로덕션 환경 배포에 적합한 프런트엔드 리소스로 많은 느슨한 모듈을 패키징할 수 있습니다. 또한 요청 시 로드되는 모듈의 코드를 분리하고 실제로 필요할 때 비동기적으로 로드할 수도 있습니다. 로더 변환을 통해 CommonJs 모듈, AMD 모듈, ES6 모듈, CSS, 이미지, JSON, Coffeescript, LESS 등 모든 형태의 리소스를 모듈로 간주할 수 있습니다.
모듈 시스템
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
