Ответ
PostCSS — это инструмент для обработки CSS с помощью JavaScript. Он позволяет использовать плагины для трансформации стилей, например, добавления вендорных префиксов, поддержки будущих CSS-спецификаций (через postcss-preset-env
), оптимизации кода и многого другого.
Пример использования PostCSS с плагином autoprefixer:
const postcss = require('postcss');
const autoprefixer = require('autoprefixer');
postcss([autoprefixer])
.process(css)
.then(result => {
console.log(result.css);
});
Ключевые особенности:
- Модульность (работает через плагины)
- Поддержка современных CSS-функций
- Интеграция с сборщиками (Webpack, Gulp и др.)
- Высокая скорость работы
PostCSS не заменяет препроцессоры вроде Sass, а дополняет их, работая на другом уровне абстракции.