postcss

一 简介

一种 用JavaScript 转化CSS的工具

一套利用JS插件实现的用来改变CSS的工具.这些插件能够支持变量和混合语法，转换未来CSS语法，内联图片，还有更多。

PostCSS拥有非常多的插件，诸如自动为CSS添加浏览器前缀的插件autoprefixer、当前移动端最常用的px转rem插件px2rem，还有支持尚未成为CSS标准但特定可用的插件cssnext，还有很多很多。

一句话来概括PostCSS：CSS编译器能够做到的事情，它也可以做到，而且能够做得更好

特性

多样化的功能插件，创建了一个生态的插件系统 根据需要的特性进行模块化 快速编译（很快） 创建自己的插件，且具可访问性 可以像普通的CSS一样使用它 不依赖于任何预处理器就具备创建一个库的能力 可以与许多流行工具构建无缝部署

用途：

https://github.com/postcss/postcss

http://postcss.org/

好用的一些插件：

autoprefixer

https://github.com/postcss/autoprefixer 方便快捷的给所有css加各种浏览器的兼容前缀，

[译]Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序

http://www.cnblogs.com/aNd1coder/p/autoprefixer.html

二 使用

webpack下使用postcss-loader

cnpm install postcss-loader --save-dev

参考： https://github.com/postcss/postcss-loader https://github.com/postcss/postcss#usage

参考

已学习

教程

PostCSS深入学习：你需要知道什么 https://www.w3cplus.com/PostCSS/postcss-deep-dive-what-you-need-to-know.html

待学习

更多w3cplus postcss专题文章 https://www.w3cplus.com/blog/tags/516.html

POSTCSS快速入门使用 https://div.io/topic/1575