Основная идеология данной сборки — это корректное разделения кода внутри конфигурационного файла, для удобства использования, чтения и чистоты webpack.config.js. Необходимые модули и плагины для dev и prod версии, а также для разделения функционала в главном файле, находятся в папке webpack. Для соединения файлов используется плагин 'webpack-merge'.
Общий код для продакшена и для разработки находится в отдельном объекте “common”.
В папке “Webpack” находятся все отдельные модули, которые подключаются в главном конфигурационном файле.
- babel
- Экстракт css кода в отдельные файлы (extract-text-webpack-plugin).
- Обработка scss и css кода (node-sass style-loader css-loader sass-loader)
- Дев сервер
- Обработка pug файлов
- JavaScript - linting
- Работа с изображениями (копирование и подключение правильного пути в html или в css) (file-loader)
- SASS linting
- Source Map
- Устранение дублирования css и js кода
- Подключение внешних библиотек (ProvidePlugin)
- Добавлен normalize.css
- Работа с favicon (favicons-webpack-plugin)