Как вы собираете фронтенд без фреймворков?

Question

[Андрей]

Когда-то был популярен gulp, сейчас, вроде как, webpack. Есть еще grunt.. Со всеми понемногу работал, но уже давно пишу на vue и давно не настраивал такие вещи, как, например, компиляция sass в css и т.д.

Сейчас возникла необходимость накидать простенький статичный сайт, думаю, как удобно обустроить рабочее окружение.
Я хочу писать на pug, sass и vanilla js, с hot reload.
Какой инструмент взять?

Comments

[Даниил Маслов]

любой из вами написанных.

[Андрей]

s0xzwasd, да понятно, и понятно, что выбор из этих инструментов дело вкуса, но хочется получить отзывы от разработчиков, кто чем пользуется и почему.

[Сергей delphinpro]

Всё по-прежнему.
Тот же gulp (только 4 версии) и его плагины gulp-pug, gulp-sass, browser-sync

Answer 1

[Анатолий Куликов]

Gulp'а в принципе достаточно

Answer 2

[xmoonlight]

Я пишу с использованием includeHTML ("склейка" вёрстки и подгрузка JS/CSS) + ванильный JS.
PS: Работает с мобильным JS редактором под Android: Spck Editor.

Answer 3

[Dima Polos]

Для верстки, без серьезного фронта хватит галпа, а для сборки js - webpack. Я их собрал в один таск лист.

Answer 4

[Beliyadm]

Писать вообще без фреймворков, собрать три\пять JS файлов в один в нужной последовательности и то же самое с CSS - вообще никаких костылей не требуется, руками за 5 минут, быстрей, нежели писать сборщик

Answer 5

[Алексей]

Возьмите мою сборку ну или посмотрите как устроено и соберите свою на ее основе. И звездочку не забудьте поставить мне на гитхабе )). Собрал на основе webpack/pug/stylus/babel/autoprefixer, в общем все на острие технологий.

Comments

[Андрей]

Звездочку не жалко, думаю, полезная вещь, ибо настраивать webpack это бе.
Однако, я уже нашел то, что искал: github

[Алексей]

Андрей, thanks