定义
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 可以理解为标记,常用在语法分析系统中,把从源码字符转换成标记的过程称为语法分析。