PostCSS（一）：理解PostCSSPostCSS是一个处理CSS的工具。它主要依靠插件来运行。当您需要某些功能时，只需配置相应的插件即可。它有一套非常非常丰富的插件，可以涵盖你开发过程的方方面面。即使没有满足您需求的插件，您也可以使用JavaScript开发自己的插件。它可以作为一个CSS预处理器（preprocessor），就像Sass和Less等一样，使用postcss-simple-vars、postcss-mixins、postcss-nested、postcss-sass-extend等插件来实现Sass提供了Variables、mixins、selector嵌套、extend等功能。如果你不想自己配置，也可以使用一个插件precss，它封装了这些功能，语法类似于Sass，来实现预处理器。它也可以作为后处理器，配合这些插件，满足你的需求：浏览器的兼容性：如果你想使用未来的CSS特性，你可以使用cssnext；Autoprefixer，它基于CanIuse…支持HTML5、CSS3等表格。为属性添加特定于浏览器的前缀。有postcss-color-rgba-fallback、postcss-will-change等插件回退到旧浏览器没有的属性；css-mqpacker插件，用于CSS优化和媒体查询（mediaquery）；删除空格分号，最小化CSS文件，配合cssnano插件；提高开发效率ModularCSS有postcss-import插件，通过@import整合所有模块；缩写CSS属性，比如margin-left写ml，有postcss-crip插件；引入第三方字体，postcss-font-magician插件只能指定font-family，@font-face的代码由插件完成；生成各个方向的图形，有生成三角形的postcss-triangle插件，还有生成圆形网格的postcss-circle网格系统，还有丢失的插件。。。可以看到PostCSS插件就像一个宝库，全方位满足你。如果你没有你需要的，自己写一个也很简单。PostCSS提供了相应的API，只需要一些JavaScript代码就可以自定义插件以满足您的需求。PostCSS能做的事这么多，又方便又简单，你爱上它了吗？
