Вебпак
Webpack — один из самых популярных сборщиков модулей JavaScript с открытым исходным кодом, который был впервые выпущен в 2012 году. Несмотря на то, что он в основном связан с JavaScript при связывании модулей, его также можно использовать с другими интерфейсными ресурсами, такими как HTML, CSS и т. д., если грузчики выдаются.
Как это работает?
Граф под названием «График зависимостей» создается Webpack путем прохождения через пакет. Этот график содержит все модули, необходимые для выполнения проекта должным образом. Затем с помощью этого графа создается отдельный пакет, который в большинстве случаев содержит только файл JavaScript с именем «bundle.js». И это можно очень легко подключить к html-файлу и использовать для приложения.
Посылка
Parcel — это относительно новый сборщик модулей веб-приложений, который отличается своим опытом разработки. Он позиционирует себя как самый быстрый упаковщик с нулевой конфигурацией. Поддерживает файлы JavaScript, CSS и HTML.
Webpack против посылки
Конфигурация
Parcel не требует каких-либо настроек. Но при рассмотрении Webpack 3 потребовался файл webpack.config. После выпуска посылки с нулевой конфигурацией было выпущено новое обновление Webpack (Webpack4), которое также имеет нулевую конфигурацию.
Нулевые результаты настройки без файла конфигурации:
Webpack 4 — входные и выходные файлы по умолчанию
Участок — поддерживает преобразование без конфигурации участка: CSS, SCSS, изображения, Babel, TypeScript и многие другие.
Причины выбора разработчиков:
Webpack —простая настройка, самый мощный упаковщик, встроенный сервер разработки с перезагрузкой в реальном времени и поддержка всех типов ресурсов.
Parcel —нулевая конфигурация,встроенный сервер разработки с возможностью загрузки в реальном времени и простой настройкой.
Компании, использующие:
Webpack —Airbnb, Instagram, Pinterest, Udemy, 9GAG
Участок —Ratio, Headspace, Mollie, ADP, Paralect, Qlik
Альтернативы
- глоток
- ворчание
- свернуть
- Бранч
- Вебпакер