Что использовать для современной автоматизации верстки?

Question

[Илья]

Что вы используете для автоматизации верстки "сегодня"?

Мой стек: Gulp + Webpack + Pug + Scss + разные плюшки.
Очень хочется обновить свою древнюю (IMHO) сборку.

PS Речь об обычной верстке (не о приложениях).

Comments

[Виталий Першин]

Gulp и postcss
Не вижу смысла в дополнительной прослойке еще одного выдуманного языка в виде SCSS.
postcss позволяет применять современные правила и конструкции языка насколько это возможно.
Webpack для верстки тоже не вижу смысла, Gulp вполне способен закрыть все задачи.
Pug тоже лишняя прослойка, emmet разворачивает за пару секунд все что нужно. Для вставки кусков html и прочего использую gulp-inject

Ну а в целом, то что "сегодня", то и "вчера", особо ничего не изменилось.

[Алекс Глебов]

Там ничего не появилось нового, весь прогресс пошел в сторону приложений

[Илья]

Виталий Першин,

Webpack для верстки тоже не вижу смысла

А что используете для сборки js bundle?

Pug тоже лишняя прослойка

Мне очень зашел Pug в связке с методологией БЭМ. Код пишется очень быстро.

[Виталий Першин]

Илья,

А что используете для сборки js bundle?

Я редко делаю единый файл js, но для gulp это вроде не проблема собрать все в кучу. У меня библиотеки в основном всегда подключены отдельно, а в бандл собираются только куски моего кода. Я фрилансер, с таким кодом проще потом работать другим разработчикам или даже мне спустя время можно вернутся к проекту, обновить библиотеки или добавить новые без необходимости пересобирать проект. Все зависит от задачи. Если даже верстка под CMS, то многие CMS сами собирают бандлы и делают оптимизацию по своему, это упрощает им работу.

Мне очень зашел Pug в связке с методологией БЭМ. Код пишется очень быстро.

Ну зашел так зашел, я не говорю, что это плохо. Мне нравится нативный код, плюс удобно использовать уже готовые куски кода без необходимости что-то пересобирать. Для фриланса очень удобно, когда тебя просят добавить какую-то фичу на рабочий сайт, просто берешь уже рабочие блоки html/css/js и используешь.

Я тоже пишу по БЭМ и сами блоки у меня структурированы таким образом:

[Антон Швец]

ожидал тут увидеть ответы про нейросети, а пишут про устаревшие уже инстументы, и собственные костыли.

[Виталий Першин]

Антон Швец, Ну расскажи как нейросети верстают и собирают проекты?

Answer 1

[imko]

ESBuild вместо вебпака, ejs вместо pug
С gulp не вижу смысла переезжать на сборщики, vite какой-нибудь если очень горит, мне лично проще свой скрипт использовать чем конфиги ковырять