Когда мы работаем в режиме разработчика в файле webpack.config.js в поле mode устанавливаем значение development , таким образом у нас в build формируется файл, bundle.js
Для того, чтобы уменьшить вес файла устанавливаем в mode значение production . Мы генерируем новое имя для bundle.js , которое представлено в виде main.d31515135135146146.js .
Таким образом, сокращаем размер файла с условных 800кб до 150кб.
Распространена практика декомпозиции config - это удобно, когда проект разрабатывается в режиме development или режиме production искать необходимые зависимости плагинов.
Webpack-dev-server позволяет автоматически запускать сборку и выдавать нужный файлик.
[[014 Что такое Source maps|Source maps]] - позволяет увидеть, где в коде произошла ошибка, прописываем инструкцию в webpack.config.js - inline-source-map
Таким образом, мы разграничиваем сборки в production и development, соответственно формируются текущие bundle.js с меньшим весом для production - версии . Отличие в том, что в режиме development мы указываем Source maps.