Веб-пакет
![]() | |
Разработчик(и) | Тобиас Копперс, Шон Ларкин, Йоханнес Эвальд, Юхо Вепсяляйнен, Кес Клускенс и участники Webpack |
---|---|
Первоначальный выпуск | 19 февраля 2014 г [1] |
Стабильная версия | 5.93.0 [2] ![]() |
Репозиторий | github |
Написано в | JavaScript |
Операционная система | Linux , MacOS , Windows |
Платформа | Node.js |
Лицензия | МОЯ лицензия [3] [4] |
Веб-сайт | веб-пакет |
Webpack — это бесплатный сборщик модулей с открытым исходным кодом для JavaScript . [5] [6] [7] [8] Он создан в первую очередь для JavaScript, но может преобразовывать внешние ресурсы, такие как HTML, CSS и изображения, если включены соответствующие загрузчики. [9] Webpack принимает модули с зависимостями и генерирует статические ресурсы, представляющие эти модули. [10]
Webpack берет зависимости и генерирует граф зависимостей , позволяющий веб-разработчикам использовать модульный подход для целей разработки веб-приложений. Его можно использовать из командной строки или настроить с помощью файла конфигурации с именем webpack.config.js . Этот файл определяет правила, плагины и т. д. для проекта. (Webpack обладает широкими возможностями расширения благодаря правилам, которые позволяют разработчикам писать собственные задачи, которые они хотят выполнять при объединении файлов.)
Node.js. Для использования Webpack требуется
Webpack предоставляет код по требованию, используя разделение кода по моникеру . Когда дело доходит до динамического разделения кода, Webpack поддерживает два похожих метода. Первый и рекомендуемый подход — использовать синтаксис import() , соответствующий предложению ECMAScript для динамического импорта. Устаревший подход, специфичный для Webpack, заключается в использовании require.ensure . [11]
Сервер разработки веб-пакетов
[ редактировать ]Webpack также предоставляет встроенный сервер разработки webpack-dev-server , который можно использовать в качестве HTTP-сервера для обслуживания файлов во время разработки. Он также предоставляет возможность использовать горячую замену модулей (HMR), которая обновляет код на веб-странице, не требуя от разработчика перезагрузки страницы.
См. также
[ редактировать ]Ссылки
[ редактировать ]- ^ «Дата выпуска версии 1.0.0» . Проверено 31 декабря 2020 г.
- ^ «Релиз 5.93.0» . 11 июля 2024 г. Проверено 28 июля 2024 г.
- ^ «Файл ЛИЦЕНЗИИ на GitHub» . Проверено 31 декабря 2020 г.
- ^ «Поле лицензии из веб-пакета — npm» . Проверено 31 декабря 2020 г.
- ^ «Оптимизация веб-производительности с помощью веб-пакета» . Гугл Инк . Проверено 16 октября 2018 г.
- ^ «Руководство для начинающих по webpack 4 и объединению модулей» . СайтПоинт . Проверено 16 октября 2018 г.
- ^ «Выпуск Webpack 4.0 обеспечивает упрощенную настройку, поддержку WebAssembly и значительный прирост производительности» . ИнфоQ . Проверено 16 октября 2018 г.
- ^ «Высокопроизводительная конфигурация веб-пакета для внешней доставки» . Кодементор . Проверено 16 октября 2018 г.
- ^ «Что такое вебпак» . ВыжитьJS . Проверено 16 октября 2018 г.
- ^ «Что такое вебпак» . Гитхаб . Проверено 25 февраля 2018 г.
- ^ «Динамический импорт» . веб-пакет . Проверено 6 июня 2022 г.