Чем препроцессор отличается от шаблонизатора?

Question

[doroshenko_magic]

Чем препроцессор отличается от шаблонизатора ? И почему pug является одновременно и тем, и тем ?

Answer 1

[Константин Китманов]

Шаблонизатор позволяет выводить переменные и иногда организовывать простую логику (циклы, условия).
Препроцессор расширяет или меняет синтаксис.
Pug делает и первое и второе:)

Answer 2

[Roman K]

Шаблонизатор:

- var friends = 10
case friends
  when 0
    p you have no friends
  when 1
    p you have a friend
  default
    p you have #{friends} friends

->
p you have 10 friends

Препроцессор:
p you have no friends
->
<p>you have no friends</p>

Comments

[Vitaliy]

на чем это основывается? Почему же второе это не результат работы шаблонизатора?

[Froggyweb]

Любой препроцессор умеет использовать переменные. хрень какая-то написана
а вот задача шаблонизатора подставить переменные. case там может не быть в принципе.

Answer 3

[s-jet]

потому что он одновременно и собирает код и модернизирует в полноценный HTML, как написал user выше)

Answer 4

[Егор Живагин]

Шаблонизатор получает данные (с бэкенда, например) и вставляет их в шаблон, организовывая минимальную логику (циклы, ветвления, ...). Гляньте на EJS , например. Он вообще никак не затрагивает html-синтаксис.

Препроцессор как раз не имеет отношения ко входным данным, он просто упрощает работу с HTML . Попутно видоизменяя синтаксис в целях удобства.

Pug используется для обеих задач