Пример системы сборки фронтэнда через GULP
В принципе, по gulpfile.js всё понятно должно быть, я долго его отлаживал.
Почему GULP, а не WebPack?
Кратко: ПОТОМУ ЧТО.
Длинно: Потому что WebPack генерит огромный файл "лоадера" на несколько мегов, засирает MAP-файлами и отключить это поведение мне не удалось. Да, я знаю, что на вебпаке можно сделать всё на свете, но позвольте, моя специальность - бэкэнд, иметь себя в мозг с укрощением фронт-энд зоопарка у меня нет ни времени, ни желания.
Посмотреть, как примерно это работает:
npm ci
./node_modules/.bin/gulp buildВ /public соберется файл. Будут предупреждения, поскольку пакет давно не обновлялся, но ими можно пренебречь.
Практически ценна здесь не сколько компиляция SCSS, сколько работающая система подшаблонов. Это оказалось довольно удобно...