[TOC] # 简介 PostCSS 是一个使用 JS 解析样式的插件集合，它可以用来审查 CSS 代码，也可以增强 CSS 的语法（比如变量和混合宏），还支持未来的 CSS 语法、行内图片等等。 PostCSS 的哲学是专注于处理一件事，并做到极致，目前它已经有了 200 多个插件，由于它们都是基于 JavaScript 编写的，所以运行速度非常快。 # 插件 ## cssnext cssnext是PostCSS中一个插件,用于将未来CSS特性编译为现今支持的特性.特别需要指出,它和Sass或Less并非不同的语言.它提供正在进行中的CSS规范的特性.一些特性已经得到浏览器支持.另外一些还处于规范的初始阶段. 我使用cssnext来填补失去的Sass特性留下的鸿沟. ## 浏览器私有前缀Autoprefixer [Autoprefixer](https://github.com/postcss/autoprefixer)是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。也可以轻松跟Sass，LESS及Stylus集成，在CSS编译前或编译后运行 之前我用自定义Sass混合宏来解决添加所需要的前缀的问题**cssnext包含了Autoprefixer** ~~~ npm i autoprefixer -g ~~~ ## [stylelint](http://stylelint.io/) ## [cssnano](https://www.npmjs.com/package/cssnano)