webpack options - garevna/js-course GitHub Wiki

🎓 Опция --mode

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

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

🔘 development
🔘 production

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

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

webpack --mode development

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

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

webpack --mode production

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

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


⌛ Опция --watch

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

webpack --watch --mode production

Внесем изменения в файл index.js
В консоли видно, что вебпак автоматически пересобрал приложение

⚠️ **GitHub.com Fallback** ⚠️