С их веб-сайта мы упаковываем определяется как:
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Моя путаница начинается с этот ответ. Он описывает webpack-dev-server как:
Webpack Dev Server is itself an express server which uses webpack-dev-middleware to serve the latest bundle and additionally handles hot module replacement (HMR) requests for live module updates in the client.
Используется ли веб-пакет для «компиляции» экспресса или это способ сказать экспрессу, что во внешнем интерфейсе есть изменения?
Мое замешательство еще больше усугубляется, когда я смотрю на этот проект и (согласно их файлу package.json) они использовали webpack-dev-server, но я не вижу ни одного установленного веб-пакета. Что происходит? Можете ли вы использовать сервер разработки webpack без Webpack?
И, наконец, мой последний вопрос, поставляется ли angular с веб-пакетом внутри или вам нужно установить его, чтобы использовать его?
🤔 А знаете ли вы, что...
JavaScript можно использовать для создания ботов и автоматизации задач в браузерах с помощью Puppeteer.
Первый веб-пакет — это компилятор, а не библиотека как момент. Это означает, что он компилирует разные части в один файл js (сейчас я упрощаю, чтобы объяснить). После компиляции вы можете использовать этот файл по своему усмотрению.
Webpack Dev Server — это дополнительный инструмент. Это позволяет легче работать с webpack. Что он делает, так это то, что после компиляции веб-пакета он запускает локальный сервер (используя экспресс) с вашим связанным кодом. Также вы можете добавить горячую замену модуля (HMR). Эта часть будет обновлять ваш пакет на лету, не перестраивая весь пакет (это будет намного быстрее).
Про пример с «без вебпака»: они используют angular-devkit/build-angular это еще один инструмент для ленивых разработчиков, которые хотят завалить проект в самом начале, потому что не хотят тратить 3 часа на изучение вебпака. У них нет веб-пакета в качестве зависимостей, потому что он есть у angular-devkit/build-angular.
И, наконец, мой последний вопрос, поставляется ли angular с веб-пакетом внутри или вам нужно установить его, чтобы использовать его? - вам нужно установить angular самостоятельно.
Is webpack being used to ‘compile’ express or is it a way to tell express there are changes in the front end ?
Когда происходит изменение внешнего кода, сервер разработки веб-пакета будет прослушивать это изменение и перезагружать ваш контент.
What is going on? Can you use webpack dev server without Webpack ?
Webpack-dev-server зависит от webpack, поэтому при установке webpack-dev-server npm также установит webpack
angular came with webpack inside it or do you need to install it to use it?
angular cli поставляется с веб-пакетом, и вам не нужно устанавливать веб-пакет, чтобы использовать его, потому что файл конфигурации веб-пакета для углового кли скрыт от пользователя.