英文官网

示例源码

PostCSS 是一个基于 JavaScript 的 CSS 处理器，可以通过插件机制扩展 CSS 的功能，实现类似于 Less、Sass 等 CSS 预处理器的功能。

PostCSS 可以用于优化 CSS、转换 CSS 语法、添加浏览器前缀、压缩 CSS等等。

为了行文方便，需要提前声明的是， PostCSS 是统称，本文会介绍其涉及的 3 种库：

1. postcss-cli: 脚手架
2. postcss-load-config: 配置加载器
3. postcss: 核心功能库

TIP

关于 PostCSS 与 Less、Sass 的异同：

1. PostCSS 是 CSS 处理器，而 Less、Sass 则是预处理器。

2. PostCSS 需要通过插件来直接处理 CSS 文件的新语法，将其转换为浏览器支持的 CSS。而 Less、Sass 是将对应的 less、sass 语言转换为 CSS，再交由 PostCSS 进一步作浏览器兼容处理。