> For the complete documentation index, see [llms.txt](https://gpeterhand.gitbook.io/react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gpeterhand.gitbook.io/react/sborka-proekta-1/webpack.md).

# Webpack

Устанавливаем [Webpack](https://webpack.js.org/)

> yarn add webpack webpack-cli

Открываем **package.json** и прописываем скрипты сборки:

```
"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
}
```

Создаем файл **src/index.js**:

```javascript
console.log(`Hello, world!`)
```

Запускаем

> yarn dev

В результате будет создан файл **dist/main.js** размером около **3,8** Кб

Запускаем

> yarn build

В результате будет создана production-версия файла **dist/main.js** размером около **958** байт

***Примечание:** кроме Webpak есть еще ряд инструментов для сборки проекта, например* [**Parcel**](https://parceljs.org/)