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