Webpack. В чем разница между бандлом, чанком и модулем?

Question

[psyhO_octopus]

Объясните в чем разница между этими тремя понятиями. Желательно на пальцах.

Answer 1

[Леша Федосеев]

Есть два бандла:

• app.js — для морды
  
• admin.js — для админки
  

В каждом бандле есть вендорные модули (react, ember, jquery etc.). И модули приложения (то, что написано тобой).

Каждый бандл можно разбить как минимум на два чанка: собственно приложение и вендорные либы (чтобы пользователь при апдейте приложения не грузил заново вендорные библиотеки, которые не менялись). А если приложение очень большое, то бандл разбивается на ещё больше чанков: например чанк для интерфейса личных сообщений, чанк для ленты новостей и т.д. Такие чанки грузятся по запросу (когда пользователь переходит на соответствующий раздел / интерфейс).

Comments

[psyhO_octopus]

Вы ответили как пользоваться бандалми, чанками. Но не объяснили в чем их отличие, о чем собственно и был вопрос. То что вендорные либы можно выносить в отдельные скрипты это понятно, но вопрос не о том.

[Леша Федосеев]

Бандл — это приложение. Он родитель чанков — частей этого приложения. И все они состоят из модулей — «атомов», подключаемых через import / require. Если это не объясняет их отличие друг от друга, то я не понял смысл вопроса.