Как грамотно разбить index.html на составные файлы при работе c gulp?

Question

[Алексей Скляров]

Имеется длинный лендос. Что хочется сделать: разбить весь сайт на блоки (каждый блок находится в своем файле, например header.html, footer.html), в index файле подключать каждый из этих файлов, и при изменении любого из этих файлов чтобы корректно срабатывал gulp watch. При сборке проекта - все файлы соединяются в один основной файл.

Как можно реализовать такое, уверен что есть готовые решения?

Answer 1

[alex-85]

Я делаю с помощью pug.

Для структурирования всех файлов и имен использую методологию БЭМ (не принципиально, вы можете организовать ваши файлы как угодно)

Я делаю так - создаю папку blocks, в ней подпапки с нужными блоками, к примеру header, carousel, footer и т.д.
В каждой папке лежат фалы этого блока. К примеру папка header:
header.pug
header.scss
header.js
header.jpg
и т.д.

блоки могут содержать вложенные в них блоки. К примеру папка header может содержать блок menu.

Можете почитать про БЭМ про https://ru.bem.info.

Comments

[Александр Серый]

Все файлы создаются вручную? или что подобное этому? если все же автоматически, то как этого добились?

[alex-85]

Все вручную

Answer 2

[pythoome]

gulp + rigger:

https://ru.stackoverflow.com/questions/652990/%D0%...