# 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="/pages/-MTbxqYQpf5isGetLEbF" %}
[Legacy 모듈 관리](/webpack/web-modules/manage-legacy-modules.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MV8YmI8ME33zs0svAn9" %}
[Babel JavaScript 컴파일러](/webpack/babel/babel-javascript-compiler.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MTbxPECshkdJbHtRzfq" %}
[Webpack 개발 환경 구성](/webpack/webpack/config-webpack-dev-environment.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MTdRJpFLjHGegV4V7tW" %}
[Webpack 로더](/webpack/webpack/webpack-loaders.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MTdp\_QRbZ5GGIKY-rBg" %}
[Webpack 플러그인](/webpack/webpack/webpack-plugins.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MTuHL6Pnmozrb4ERYIP" %}
[React App 매뉴얼 구성](/webpack/react/create-your-own-react-app.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://yamoo9.gitbook.io/webpack/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.