PostCss 是一个用 JavaScript 工具和插件转换 CSS 代码的工具。

它的主要作用如下：

1，增强代码的可读性

利用从 Can I Use 网站获取的数据为 CSS 规则添加特定厂商的前缀。 Autoprefixer 自动获取浏览器的流行度和能够支持的属性，并根据这些数据帮你自动为 CSS 规则添加前缀。

2，将未来的 CSS 特性带到今天

PostCSS Preset Env 帮你将最新的 CSS 语法转换成大多数浏览器都能理解的语法，并根据你的目标浏览器或运行时环境来确定你需要的 polyfills，此功能基于 cssdb 实现。

3，css模块化

css 模块能让你你永远不用担心命名太大众化而造成冲突，只要用最有意义的名字就行了。

4，避免 CSS 代码中的错误

通过使用 stylelint 强化一致性约束并避免样式表中的错误。stylelint 是一个现代化 CSS 代码检查工具。它支持最新的 CSS 语法，也包括类似 CSS 的语法，例如 SCSS 。

推荐几篇文章，深入理解PostCSS

PostCSS 是个什么鬼东西？

如果你不会Postcss，那么你就真的不会Postcss

具体的使用，深入理解参见。