Шаг 5. Итоги

Всё готово. Код приложения вы можете скачать здесь. А теперь давайте разберёмся, что происходит.

На изображении ниже видно, что после сборки в режиме development код не минимизирован, и в нём присутствует код самого webpack. Дело в том, что в таком режиме webpack не удаляет комментарии, не оптимизирует и не минимизирует код. Это сделано для того, чтобы при разработке можно было легко отслеживать ошибки и проблемы в коде.

Сборка проекта в режиме разработки, файл main.js в директории dist
Сборка проекта в режиме разработки, файл main.js в директории dist

А вот в режиме production webpack минимизирует код, удаляет комментарии и пробелы, а также убирает код самого webpack, тем самым уменьшая размер файла.

Сборка проекта в продакшн-режиме, файл main.js в директории dist
Сборка проекта в продакшн-режиме, файл main.js в директории dist