Бандлеры

Бандлеры

В этом руководстве мы поговорим о сборщиках (еще один конкретный), а в другой раз, возможно, о средствах запуска задач..

Некоторые из наиболее популярных — это Browserify, Brunch, Parcel и Webpack..

В общем, основная цель сборщиков — собрать несколько файлов в один. Само по себе это, естественно, слишком элементарно. Я описал нечто подобное в моем учебнике GIT post-merge hook для объединения и минимизации JavaScript..

Transpy

Современные сборщики пакетов делают больше. Они также включают обработку самого кода, которую, вероятно, лучше всего назвать транспиляцией. Термин очень близок к компиляции, и разница действительно небольшая.

Транспиляцию можно считать компиляцией. Это больше похоже на компиляцию при особых обстоятельствах. Транспиляция — это компиляция, в которой мы поддерживаем аналогичный уровень абстракции. Таким образом, «компиляция» — это всегда правильный термин, но не всегда самый точный..

Читать также:  Псевдоселекторы CSS

Источник: Компиляция против Транспилирования

Эта транскрипция может позволить нам использовать новый синтаксис, который поддерживается не всеми браузерами. При переводе код изменяется, чтобы выполнять ту же работу, но со старым синтаксисом..

Преимущество состоит в том, что новые синтаксисы часто короче и их легче писать. Оттуда — легче поддерживать.

Минификация

То же самое и в моем предыдущем примере, но это зависит от внешней службы. В комментариях к уроку упоминается, что это не идеальное решение. У бандлеров часто есть плагины для минимизации кода..

Для кого не известно — это опять связано с изменениями синтаксиса. Идея здесь не в поддержке старых браузеров, а в сокращении длины. Например, если у меня есть общая переменная с очень длинным именем, при минимизации ее можно просто переименовать в a. Это сэкономит ценные байты при загрузке скриптов..

Читать также:  Запросы AJAX с кешированием

Сколько вы сэкономите, зависит от длины файла. Это также зависит от минификатора, который вы будете использовать (их слишком много). Но некоторые средние значения показывают, что файлы уменьшаются на 30-40%. Это очень хорошо!

Источник: исследование эффективности минификации JavaScript.

Понравилась статья? Поделиться с друзьями:
Что нужно знать пользователю?