Что такое HTML-препроцессор и зачем его используют?

Question

Accepted Answer

## Контекст

**HTML-препроцессор** (Handlebars, Pug/Jade, EJS, Liquid…) — язык шаблонов, который компилируется в обычный HTML.

## Зачем

- Меньше копипасты: layout, partials, циклы.
- Данные → разметка на этапе сборки/SSR.
- Единый стиль компонентов в статике.

```pug
ul
  each item in items
    li= item
```

## На практике

На фронте чаще React/Vue/Svelte или SSR-шаблоны фреймворка, а не классический Pug. Но идея та же: **не писать гигантский HTML руками**.

**Итог:** препроцессор = шаблоны → HTML; полезен для статики и серверных шаблонов, в SPA чаще заменён компонентами.