как работает современная сборка стилей во время верстки темы для wordpress
Более 5 лет назад когда обьемы фалов стали мешать сайтам, наша студия перешла на препроцессор Sass на базе спборщика пакетов grunt.
Последние пару лет, для сравнения взят на использование Gulp. Также имеется опыт работы с webpack.
Сегодня рассмотрим вариант использование, нашего репозитория для создания идеального примера.
За основу будет взята наша хот старт тема из репозитория
Что такое Gulp — на самом деле это 1 файл вашего репозитория, а он в свою очередь подвязан под репозиторий уже npm пакетов.
Выглядет это таким образом
Каждый плагин к примеру gulp-watch gulp-autoprefixer после его установки будет иметь в руте папку node_modules/gulp....
как работает современная сборка стилей во время верстки темы для wordpress
Ниже пример, результат мы получили в и директорию APP откуда мы подключаем скрипты, уже к WordPress
При этом, основной файл Style.css тоже присутствует, он играет роль для найтройки темы.