Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

добавляет связанные статьи в статью о бандлерах #3505

Merged
merged 1 commit into from Aug 8, 2022
Merged

добавляет связанные статьи в статью о бандлерах #3505

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
12 changes: 8 additions & 4 deletions tools/bundlers/index.md
View file
Open in desktop
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