Webpack

Webpack — это инструмент, позволяющий скомпилировать, например, JavaScript модули в единый JS-файл

Подробнее...

Описание

Webpack — это статический модульный сборщик для приложений на JavaScript.

Особенности Webpack

  • Webpack позволяет избавиться от bower и gulp/grunt в приложении, и заменить их одним инструментом. Вместо bower’а для установки и управления клиентскими зависимостями, можно использовать стандартный Node Package Manager (npm) для установки и управления всеми фронтэнд-зависимостями.
  • Вебпак также может выполнять большинство задач grunt/gulp’а.
  • Webpack не ограничивается одним лишь фронтендом, его также успешно применяют в бэкенд разработке на Node.js.
  • Webpack — это более целенаправленный инструмент. Вам достаточно указать точку входа в ваше приложение (это может быть даже HTML-файл с тегами <script>), а webpack проанализирует файлы и объединит их в один выходной JavaScript-файл, содержащий все необходимое для запуска приложения.
  • Webpack может быть установлен глобально или локально для каждого проекта.

 

Возможности Webpack

  • Помогает собрать воедино ваши ресурсы.
  • Следит за изменениями и повторно выполняет задачи.
  • Может выполнить транспиляцию JavaScript следующего поколения до более старого стандарта JavaScript (ES5) с помощью Babel, что позволит использовать новейшие функции JavaScript, не беспокоясь о том, поддерживает их браузер или нет.
  • Может выполнить транспиляцию CoffeeScript в JavaScript.
  • Может конвертировать встроенные изображения в data:URI.
  • Позволяет использовать require() для CSS файлов.
  • Может запустить webpack-dev-server (в нём встроен локальный сервер и livereload (“живая перезагрузка браузера”)).
  • Может работать с Hot Module Replacement (замена горячего модуля).
  • Может разделить выходной файл (output file) на несколько файлов, чтобы избежать медленной загрузки страницы из-за большого размера JS-файла.
  • Может выполнить Tree Shaking.

Аналоги и альтернативы для Webpack

Webpack - похожие решения и продукты

Ключевые Особенности: Сборщик фронтенда

Rollup

Rollup — это сборщик javascript приложений и библиотек нового поколения

Compass CSS

Compass — это среда разработки CSS с открытым исходным кодом

Parcel

Parcel — это быстрый упаковщик для веб-приложений без настроек

Отзывы

Отзывов пока нет.

Будьте первым, кто оставил отзыв на “Webpack”

Ваш адрес email не будет опубликован.

Блог, обзоры, новости

Posted inДайджест

Как мы собрали проект на Django и React и уважили загрузчик Webpack

Когда мы взялись за гибридный проект, в котором одновременно использовались Django и React, мы столкнулись с дилеммой: как интегрировать две эти части, в особенности, как разрешить шаблонам Django отображать ресурсы JavaScript, сгенерированные при клиентской сборке. Мы нашли изящный способ, позволяющий с этим справиться: использовать Webpack-загрузчик для Django с трекером бандлов Webpack, при помощи которых нам поддался этот этап работы […]

Posted inДайджест

Децентрализованная конфигурация webpack или как упростить сборку проекта

Довольно частая ситуация, когда с ростом проекта растёт и сложность его сборки. Широкий зоопарк технологий, сторонние компоненты, библиотеки, линтеры, серверный рендеринг и нюансы, связанные с конкретным проектом, — всё это в итоге приводит к тому, что конфигурация сборки достигает более тысячи строк.

Посмотреть блог по теме: Webpack