Skip to content

Commit

Permalink
добавляет связанные статьи в статью о бандлерах (doka-guide#3505)
Browse files Browse the repository at this point in the history
  • Loading branch information
nlopin committed Sep 9, 2022
1 parent dac2c26 commit 9935ed2
Showing 1 changed file with 8 additions and 4 deletions.
12 changes: 8 additions & 4 deletions tools/bundlers/index.md
Expand Up @@ -13,6 +13,10 @@ keywords:
- parcel
- бандлер
- bundler
related:
- js/language-versions
- tools/static-analysis
- js/web-app-types
tags:
- article
---
Expand All @@ -21,15 +25,15 @@ tags:

Бандлер — программа, которая упаковывает сложный проект со многими файлами и внешними зависимостями в один (иногда несколько) файл, который будет отправлен браузеру.

Самый популярный бандлер — **Webpack**, он используется в сложных проектах с высокими требованиями к конфигурируемости. Самый простой в использовании — **Parcel**, он хорошо подходит для небольших проектов без особенных требований.
Самый популярный бандлер — **[Webpack](/tools/webpack/)**, он используется в сложных проектах с высокими требованиями к конфигурируемости. Самый простой в использовании — **Parcel**, он хорошо подходит для небольших проектов без особенных требований.

## Как понять

Современные проекты могут быть огромными (100 тысяч строк или даже больше), писать такие объёмы кода в одном файле совершенно невозможно. К тому же, часто нужно использовать [готовые библиотеки](/tools/package-managers/), которые написал кто-то другой. Но, к сожалению, браузеры не очень хорошо поддерживают [проекты из многих файлов](/js/modules/). Из-за этого были придуманы **системы сборки** (их ещё называют бандлерами или сборщиками).

## Как пользоваться

Большинство бандлеров распространяются через _npm_. Чтобы начать ими пользоваться, достаточно добавить соответствующий пакет.
Большинство бандлеров распространяются через _[npm](/tools/package-managers/)_. Чтобы начать ими пользоваться, достаточно добавить соответствующий пакет.

```bash
npm init
Expand Down Expand Up @@ -57,7 +61,7 @@ npm install parcel
```js
// index.js

document.getElementById("title").innerText = "Hello from JS!"
document.getElementById('title').innerText = 'Hello from JS!'
```

Теперь можно запустить бандлер и посмотреть на результат в браузере. Для этого нужно добавить новый скрипт в `package.json`:
Expand All @@ -72,7 +76,7 @@ document.getElementById("title").innerText = "Hello from JS!"

И запустить его:

```js
```bash
npm run dev
```

Expand Down

0 comments on commit 9935ed2

Please sign in to comment.