webpack options

🎓 Опция --mode

Для того, чтобы настроить различные режимы запуска webpack, нужно использовать опцию --mode

После опции --mode должно следовать одно из двух возможных значений:

🔘 development

🔘 production

Пока идет процесс отладки приложения, лучше использовать режим сборки development, поскольку в консоли можно отслеживать предупреждения о возможных ошибках

В production сборке такие предупреждения не будут выводиться

☕ webpack --mode development

На следующем скрине показаны сообщения о дублировании значений ключей в базе данных, которые позволяют разработчику внести соответствующие изменения перед окончательной сборкой, чтобы избежать проблем в дальнейшем

При этом результирующий бандл main.js не минимизирован, что облегчает отладку приложения ( переход к строке с ошибкой )

☕ webpack --mode production

Окончательная сборка

Результирующий бандл будет минимизирован,

сообщения об ошибках не будут выводиться в консоль

---

👁‍🗨 Опция --watch

webpack будет следить за изменениями в исходных файлах и оперативно пересобирать приложение при каждом обновлении