Как быстро автоматизировать вёрстку сайта с помощью html шаблонизатора/препроцессора? Есть какой-то стартеркит?

Question

[Виталий Кузнецов]

Часто верстаю много страничные сайты и много мороки с копипастом каких-то готовых элементов во все страницы.

Чем и как это всё дело можно автоматизировать? Слышал про использовать webpack, gulp, nunjucks и всё такое.

Есть какой-то готовый стартеркит просто и понятный чисто для вёрстки, не полноценный фронтенд?

Т.е. надо создавать готовые html для передачи на интеграцию в какую-нибудь cms и т.п.

update
Вопрос решил.

nodejs + gulp + pug и вообще открыл для себя новый дивный мир автоматизации сборки верстки)

Answer 1

[Максим]

самый лучший препроцессор для html это php - это не моё мнение и не надо спорить

Comments

[Виталий Кузнецов]

Может я не понятно написал. Мне нужна сборка html, а не серверная интерпретация))))

мне надо на локали собирать готовый html из частей, шаблонов, типа хедера, футера, попапов и т.д. и т.п.

[Максим]

Виталий Кузнецов, а не обязательно же пользоваться им всем, можно собрать куски кода в определенный компонент и выводить одной строчкой в 1000000 страниц ...простите если я ошибся

просто это проще для меня чем js препроцессоры pug и тому подобные

[Виталий Кузнецов]

Максим Ленский, ммм, возможно) но тогда это я смогу сделать и на asp.net mvc c# ) это дело знаю.

[Максим]

Виталий Кузнецов, ааа....ну тогда вам тоже так проще ...
я не буду умничать но скажу слова Брюса Ли : Если вы хотите выбросить пачку не надо для этого перевернуться 100 раз, как в Ушу это делают ...смысл поняли ?

[Виталий Кузнецов]

Максим Ленский, да)

Answer 2

[ThunderCat]

https://habr.com/ru/post/230877/
Оно?

Comments

[Виталий Кузнецов]

Похоже но не совсем то.

Мне хочется что-то типа scss, sass но для html :-)

[lagudal]

Тоже сейчас уже какое то время в поиске чего то подобного, и при этом подходящего для своих нужд - понял, что все равно нужно будет конкретно под себя собирать самому. Скорее всего готового - взял и в бой - найти не получится, максимум, это выбрать какое то решение и допиливать уже оптимально для себя.
Например, беру известный стартовый шаблон OptimizedHTML 4 - для одних целей выпиливаю bootstrap, sass заменяю на less, ну еще например добавляю pug.
Для других целей уже какая то другая сборка.

Answer 3

[Lord_Dantes]

Юзаю тимплейт который создал мне еще мой наставник)))
https://github.com/lord-dantes/pug-scss-start_v2.0
Под капотом там, SASS/SCSS + Pug

Установка:
Клонируете репу в папку далее заходите в нее и пишите следующие команды:
npm i
bower i
gulp watch

Если ошибки с галпом или бовером устанавливаете их в папку или глобально типо.
npm i bower / npm i gulp