Webpack: различия между версиями

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Интерактивная навигация по истории
[непроверенная версия][непроверенная версия]
← Предыдущая правкаСледующая правка →
Содержимое удалено Содержимое добавлено
ВизуальныйВики-текст
м исключение ссылок на порталы по итогу опроса о порталах
Спасено источников — 9, отмечено мёртвыми — 0. Сообщить об ошибке. См. FAQ.) #IABot (v2.0.8.6
Строка 8: Строка 8:
| первый выпуск = {{Start date and age|2012|03|10}}
| первый выпуск = {{Start date and age|2012|03|10}}
| последняя версия = 5.11.1
| последняя версия = 5.11.1
| дата последней версии = {{Start date and age|2020|12|28}}<ref name="previous-releases">{{cite web | url=https://github.com/webpack/webpack/releases/tag/v5.11.1 | accessdate=2020-12-30 | title=Release v5.11.1}}</ref>
| дата последней версии = {{Start date and age|2020|12|28}}<ref name="previous-releases">{{cite web | url=https://github.com/webpack/webpack/releases/tag/v5.11.1 | accessdate=2020-12-30 | title=Release v5.11.1 | archive-date=2020-12-29 | archive-url=https://web.archive.org/web/20201229133706/https://github.com/webpack/webpack/releases/tag/v5.11.1 | deadlink=no }}</ref>
| лицензия = [[Лицензия MIT]]
| лицензия = [[Лицензия MIT]]
}}
}}
'''webpack''' — это сборщик модулей [[JavaScript]] с [[Открытое программное обеспечение|открытым исходным кодом]]<ref>{{Cite web|url=https://developers.google.com/web/fundamentals/performance/webpack/|title=Web Performance Optimization with webpack|publisher=[[Google Developers]]|accessdate=16 Oct 2018}}</ref><ref>{{Cite web|url=https://www.sitepoint.com/beginners-guide-webpack-module-bundling/|title=A Beginner’s Guide to webpack 4 and Module Bundling|publisher=[[SitePoint]]|accessdate=16 Oct 2018}}</ref><ref>{{Cite news|url=https://www.infoq.com/news/2018/02/webpack-4-0-brings-simplified|title=Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost|publisher=InfoQ|accessdate=16 Oct 2018}}</ref><ref>{{Cite web|url=https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa|title=High-performance webpack config for front-end delivery|publisher=[[Codementor]]|accessdate=16 Oct 2018}}</ref><ref>[https://codilime.com/tips-on-migrating-to-webpack-4-from-webpack-3/ "Webpack 3 to Webpack 4: tips on migrating"]{{Недоступная ссылка|date=февраля 2021 |bot=InternetArchiveBot }} CodiLime. Retrieved on 25 Jun 2019.</ref>. Он создан в первую очередь для JavaScript, но может преобразовывать внешние ресурсы, такие как [[HTML]], [[CSS]] и изображения, если включены соответствующие загрузчики<ref>{{Cite web|url=https://survivejs.com/webpack/what-is-webpack/|title=What is webpack|publisher=SurviveJS|accessdate=16 Oct 2018}}</ref>. webpack принимает модули с зависимостями и генерирует статические ресурсы, представляющие эти модули<ref>{{Cite web|url=https://github.com/webpack/docs/wiki/what-is-webpack|title=What is webpack|publisher=GitHub|accessdate=25 Feb 2018}}</ref>.
'''webpack''' — это сборщик модулей [[JavaScript]] с [[Открытое программное обеспечение|открытым исходным кодом]]<ref>{{Cite web|url=https://developers.google.com/web/fundamentals/performance/webpack/|title=Web Performance Optimization with webpack|publisher=[[Google Developers]]|accessdate=16 Oct 2018|archive-date=2020-11-09|archive-url=https://web.archive.org/web/20201109034647/https://developers.google.com/web/fundamentals/performance/webpack/|deadlink=no}}</ref><ref>{{Cite web|url=https://www.sitepoint.com/beginners-guide-webpack-module-bundling/|title=A Beginner’s Guide to webpack 4 and Module Bundling|publisher=[[SitePoint]]|accessdate=16 Oct 2018|archive-date=2020-11-11|archive-url=https://web.archive.org/web/20201111185755/https://www.sitepoint.com/beginners-guide-webpack-module-bundling/|deadlink=no}}</ref><ref>{{Cite news|url=https://www.infoq.com/news/2018/02/webpack-4-0-brings-simplified|title=Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost|publisher=InfoQ|accessdate=16 Oct 2018|archivedate=2020-12-04|archiveurl=https://web.archive.org/web/20201204203208/https://www.infoq.com/news/2018/02/webpack-4-0-brings-simplified/}}</ref><ref>{{Cite web|url=https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa|title=High-performance webpack config for front-end delivery|publisher=[[Codementor]]|accessdate=16 Oct 2018|archive-date=2021-02-27|archive-url=https://web.archive.org/web/20210227190625/https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa|deadlink=no}}</ref><ref>[https://codilime.com/tips-on-migrating-to-webpack-4-from-webpack-3/ "Webpack 3 to Webpack 4: tips on migrating"]{{Недоступная ссылка|date=февраля 2021 |bot=InternetArchiveBot }} CodiLime. Retrieved on 25 Jun 2019.</ref>. Он создан в первую очередь для JavaScript, но может преобразовывать внешние ресурсы, такие как [[HTML]], [[CSS]] и изображения, если включены соответствующие загрузчики<ref>{{Cite web|url=https://survivejs.com/webpack/what-is-webpack/|title=What is webpack|publisher=SurviveJS|accessdate=16 Oct 2018|archive-date=2020-11-11|archive-url=https://web.archive.org/web/20201111192707/https://survivejs.com/webpack/what-is-webpack/|deadlink=no}}</ref>. webpack принимает модули с зависимостями и генерирует статические ресурсы, представляющие эти модули<ref>{{Cite web|url=https://github.com/webpack/docs/wiki/what-is-webpack|title=What is webpack|publisher=GitHub|accessdate=25 Feb 2018|archive-date=2019-12-15|archive-url=https://web.archive.org/web/20191215231659/https://github.com/webpack/docs/wiki/what-is-webpack|deadlink=no}}</ref>.


webpack принимает зависимости и генерирует [[граф зависимостей]], позволяющий веб-разработчикам использовать модульный подход для разработки своих веб-приложений. Его можно использовать из командной строки или настроить с помощью [[Конфигурация программного обеспечения|файла конфигурации]] с именем ''[https://webpack.js.org/configuration/ webpack.config.js]''. Этот файл используется для определения правил, плагинов и т. д. для проекта. (webpack сильно расширяем с помощью правил, которые позволяют разработчикам писать задачи, которые они хотят выполнять при объединении файлов.)
webpack принимает зависимости и генерирует [[граф зависимостей]], позволяющий веб-разработчикам использовать модульный подход для разработки своих веб-приложений. Его можно использовать из командной строки или настроить с помощью [[Конфигурация программного обеспечения|файла конфигурации]] с именем ''[https://webpack.js.org/configuration/ webpack.config.js] {{Wayback|url=https://webpack.js.org/configuration/ |date=20201111051022 }}''. Этот файл используется для определения правил, плагинов и т. д. для проекта. (webpack сильно расширяем с помощью правил, которые позволяют разработчикам писать задачи, которые они хотят выполнять при объединении файлов.)


Для использования webpack требуется [[Node.js]].
Для использования webpack требуется [[Node.js]].
Строка 21: Строка 21:


== См. также ==
== См. также ==
* [[Browserify]]<ref>{{Cite web|url=http://browserify.org/|title=Browserify|website=browserify.org|accessdate=2020-01-21}}</ref>
* [[Browserify]]<ref>{{Cite web|url=http://browserify.org/|title=Browserify|website=browserify.org|accessdate=2020-01-21|archive-date=2020-01-23|archive-url=https://web.archive.org/web/20200123111215/http://browserify.org/|deadlink=no}}</ref>
* [[Grunt (программное обеспечение)]]
* [[Grunt (программное обеспечение)]]
* [[Gulp|Gulp.js]]
* [[Gulp|Gulp.js]]

Версия от 01:15, 17 марта 2022

webpack
Логотип программы webpack
Тип открытое программное обеспечение, JavaScript bundler[вд] и библиотека JavaScript
Разработчик Тобиас Копперс[вд]
Написана на JavaScript
Операционная система Кроссплатформенный
Первый выпуск 10 марта 2012; 12 лет назад (2012-03-10)
Последняя версия 5.11.1 (28 декабря 2020; 4 года назад (2020-12-28)[1])
Репозиторий github.com/webpack/webpa…
Лицензия Лицензия MIT
Сайт webpack.js.org (англ.)
Логотип Викисклада Медиафайлы на Викискладе

webpack — это сборщик модулей JavaScript с открытым исходным кодом[2][3][4][5][6]. Он создан в первую очередь для JavaScript, но может преобразовывать внешние ресурсы, такие как HTML, CSS и изображения, если включены соответствующие загрузчики[7]. webpack принимает модули с зависимостями и генерирует статические ресурсы, представляющие эти модули[8].

webpack принимает зависимости и генерирует граф зависимостей, позволяющий веб-разработчикам использовать модульный подход для разработки своих веб-приложений. Его можно использовать из командной строки или настроить с помощью файла конфигурации с именем webpack.config.js Архивная копия от 11 ноября 2020 на Wayback Machine. Этот файл используется для определения правил, плагинов и т. д. для проекта. (webpack сильно расширяем с помощью правил, которые позволяют разработчикам писать задачи, которые они хотят выполнять при объединении файлов.)

Для использования webpack требуется Node.js.

Сервер для разработки webpack

webpack также предоставляет встроенный сервер для разработки, называемый сервером для разработки webpack (англ. webpack dev server), который можно использовать в качестве HTTP-сервера для обслуживания файлов во время разработки. Он также предоставляет возможность использовать горячую замену модуля.

См. также

Примечания

  1. ↑ Release v5.11.1. Дата обращения: 30 декабря 2020. Архивировано 29 декабря 2020 года.
  2. ↑ Web Performance Optimization with webpack. Google Developers. Дата обращения: 16 октября 2018. Архивировано 9 ноября 2020 года.
  3. ↑ A Beginner’s Guide to webpack 4 and Module Bundling. SitePoint. Дата обращения: 16 октября 2018. Архивировано 11 ноября 2020 года.
  4. ↑ "Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost". InfoQ. Архивировано 4 декабря 2020. Дата обращения: 16 октября 2018. {{cite news}}: |archive-date= / |archive-url= несоответствие временной метки; предлагается 4 декабря 2020 (справка)
  5. ↑ High-performance webpack config for front-end delivery. Codementor. Дата обращения: 16 октября 2018. Архивировано 27 февраля 2021 года.
  6. ↑ "Webpack 3 to Webpack 4: tips on migrating" (недоступная ссылка) CodiLime. Retrieved on 25 Jun 2019.
  7. ↑ What is webpack. SurviveJS. Дата обращения: 16 октября 2018. Архивировано 11 ноября 2020 года.
  8. ↑ What is webpack. GitHub. Дата обращения: 25 февраля 2018. Архивировано 15 декабря 2019 года.
  9. ↑ Browserify. browserify.org. Дата обращения: 21 января 2020. Архивировано 23 января 2020 года.

Ссылки

  • webpack.js.org (англ.) — официальный сайт Webpack
Источник — https://ru.wikipedia.org/ruwiki/w/index.php?title=Webpack&oldid=120695551