Давайте познакомимся поближе с популярным в последнее время и полезным инструментом для модульной сборки на фронтэнде – Webpack.
Часто в проектах для упрощения разработки и масштабируемости требуется разбивать код на модули. Webpack собирает все ваши JavaScript-файлы в один, ещё может компилировать код различных препроцессоров CSS.
На мастер-классе мы разберём темы:
Как конфигурировать Webpack;
Работа в различном окружении (Production, Development);
Подключение сторонних библиотек (jQuery, lodash, underscore);
Динамическая загрузка модулей - например, при клике на кнопку профиля пользователя автоматически подгружается JS-код, отвечающий за этот раздел сайта;
Интеграция с другими популярными системами сборки (Gulp, Grunt);
Посмотрим на популярные плагины.