Работает ли webpack как в передней части, так и в бэкэнде?

Question

На их веб-сайте мы определили следующее:

Веб-пакет - это модуль модуля.Его основная цель - связывать файлы JavaScript для использования в браузере, но он также способен преобразовывать, связывать или упаковывать практически любые ресурсы или ресурсы.

Моя путаница начинается с thisответить .Он описывает webpack-dev-server как:

Webpack Dev Server сам по себе является экспресс-сервером, который использует webpack-dev-middleware для обслуживания последних пакетов и дополнительно обрабатывает запросы горячей замены модулей (HMR) для оперативной работы.Обновления модуля в клиенте.

Используется ли веб-пакет для «компиляции» Express или это способ сообщить Express, что есть изменения во внешнем интерфейсе?

Мое замешательство даже получаетглубже, когда я смотрю на этот проект и (согласно их файлу package.json) они использовали webpack-dev-server, но я не вижу ни одного установленного веб-пакета. Что происходит?Можете ли вы использовать веб-сервер разработчика без Webpack?

И, наконец, мой последний вопрос: поставляется ли angular с веб-пакетом внутри или вам нужно установить его, чтобы использовать его?

Answer 1

Используется ли веб-пакет для «компиляции» Express или это способ узнать экспресс есть изменения в интерфейсе?

Когда происходит изменение во внешнем коде, сервер разработки веб-пакетов будет прослушивать это изменение и перезагружать ваш контент

Что происходит? Можете ли вы использовать сервер разработки webpack без Webpack?

Webpack-dev-server зависит от webpack, поэтому при установке webpack-dev-server npm также установит webpack

угловой поставляется с веб-пакетом внутри или вам нужно установить его на использовать это?

Angular Cli поставляется с Webpack, и вам не нужно устанавливать WebPack, чтобы использовать его, потому что файл конфигурации WebPack для Angle Cli скрыт от пользователя

Answer 2

Первый веб-пакет - это на данный момент компилятор, а не библиотека. Это означает, что он собирает разные части в один файл js (сейчас я упрощаю его, чтобы объяснить). После компиляции вы можете использовать этот файл по своему усмотрению.

Webpack Dev Server - это дополнительный инструмент. Это позволяет легче работать с веб-пакетом. Что он делает, так это то, что после компиляции веб-пакета он запускает локальный сервер (используя экспресс) с вашим связанным кодом. Также вы можете добавить горячую замену модуля (HMR). Эта часть будет обновлять ваш пакет на лету, не снимая весь пакет (это будет намного быстрее).

Пример с "no webpack": они используют angular-devkit/build-angular это еще один инструмент для ленивых разработчиков, которые хотят разрушить проект в самом начале, потому что они не хотят потратить 3 часа на изучение webpack. У них нет веб-пакетов в качестве зависимостей, потому что angular-devkit/build-angular имеет его.

И, наконец, мой последний вопрос: поставляется ли angular с веб-пакетом внутри или вам нужно установить его, чтобы использовать его? - вам нужно установить угловой самостоятельно.