postcss 是什么？

定义

postcss 是一个通过 js 插件来转换 css 的工具，通过这些插件可以支持变量和混合，可以通过追加浏览器前缀生成兼容性的样式，也可以通过 polyfill 把新的样式特性处理成通用的样式，可以使用 css 模块以及样式的规则校验。

PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.

autoprefixer 就是 postcss 一个常用的插件

不是什么

• 它不是像 Sass 或 Less 那样的样式预处理器
• 它不是一个后处理器
• 它不是为了兼容未来的 CSS 特性的
• 它不是一个 CSS 清理和压缩工具

是什么

• 它是一个 CSS 语法转换工具

PostCSS 将 CSS 转换为 JavaScript 可以操作的数据结构。这些数据可以由插件理解和转换，然后处理成各种需要的格式。

PostCSS 扮演一个框架的角色，是一个转换 CSS 的工具。

架构图

postcss architecture.png

• token 可以理解为标记，常用在语法分析系统中，把从源码字符转换成标记的过程称为语法分析。