# Webpack 모듈 번들러

Webpack은 JavaScript 모듈 번들러로 JavaScript 파일을 포함한 에셋을 [컴파일](https://ko.wikipedia.org/wiki/%EC%BB%B4%ED%8C%8C%EC%9D%BC%EB%9F%AC), [번들링](https://ko.wikipedia.org/wiki/%EB%B2%88%EB%93%A4) 하는 데 사용됩니다. 명령어 환경([CLI](https://ko.wikipedia.org/wiki/%EB%AA%85%EB%A0%B9_%EC%A4%84_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4)) 또는 Webpack 구성 파일을 통해 Webpack을 사용할 수 있습니다.

{% embed url="<https://webpack.js.org>" %}

## 목차 <a href="#table-of-contents" id="table-of-contents"></a>

{% content-ref url="web-modules/manage-legacy-modules" %}
[manage-legacy-modules](https://yamoo9.gitbook.io/webpack/web-modules/manage-legacy-modules)
{% endcontent-ref %}

{% content-ref url="babel/babel-javascript-compiler" %}
[babel-javascript-compiler](https://yamoo9.gitbook.io/webpack/babel/babel-javascript-compiler)
{% endcontent-ref %}

{% content-ref url="webpack/config-webpack-dev-environment" %}
[config-webpack-dev-environment](https://yamoo9.gitbook.io/webpack/webpack/config-webpack-dev-environment)
{% endcontent-ref %}

{% content-ref url="webpack/webpack-loaders" %}
[webpack-loaders](https://yamoo9.gitbook.io/webpack/webpack/webpack-loaders)
{% endcontent-ref %}

{% content-ref url="webpack/webpack-plugins" %}
[webpack-plugins](https://yamoo9.gitbook.io/webpack/webpack/webpack-plugins)
{% endcontent-ref %}

{% content-ref url="react/create-your-own-react-app" %}
[create-your-own-react-app](https://yamoo9.gitbook.io/webpack/react/create-your-own-react-app)
{% endcontent-ref %}