В чём разница между постпроцессорами препроцессорами?

Question

[pegas]

В чём разница между постпроцессорами препроцессорами?

Answer 1

[Stalker_RED]

Вся суть одной картинкой:


Препроцессоры превращают всякие штуки типа SCSS в CSS.
Постпроцессоры "улучшают" уже готовый CSS (автопрефиксер, например).
И да, можно собрать-настроить такой тулчейн, который будет делать все эти манипуляции за один проход.

Answer 2

[Сергей Левченко]

Препроцессор значительно расширяет возможности и имеет более удобный синтаксис. Препроцессор принимает данные(ваш код stylus/sass/less) и отдает (компилирует в css)
Постпроцессор - работает уже с самим css (постобработка - последующая обработка) например подставляет вендорные префиксы.

В общем их надо комбинировать к примеру
Сначала пишем stylus код

.container
  box-sizing border-box

это компилируется в

.container {
  box-sizing: border-box;
}

далее используем постпроцессор(автопрефиксер) и получаем

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}