什么是postcss?

官网介绍PostCss是一个允许使用JS插件转换样式的工具。这些插件可以检查（lint）你的CSS，支持CSS Variables和Mixins，编译尚未被浏览器广泛支持的先进的CSS语法，内联图片，以及其它很多优秀的功能。

那么它到底是什么呢。

我们先来介绍一下它最出名的最实用的插件 autoprefixer

autoprefixer是一个让你偷懒的神器。如果你的项目是PC端，并且产品大大或者项目大大要求你兼容低版本IE，各种浏览器，是不是很头疼。别担心，用了autoprefixer，写正常的标准css就可以了，autoprefixer会自动帮你添加浏览器前缀哦。

这样写是不是很省事，很神奇。

除了这个用处外，国内外大佬们为它写了非常多的插件。

这里为大家提供几个插件。

cssnext

cssnext能够让你使用下一代css语法，如目前css4还没有各浏览器支持，但是可以使用cssnext来把css4的语法翻译成css3

posts-px2rem

使用移动适配问题的插件

posts-partial-import

让你的css文件支持@import

precss

这是一个大杂烩，主要是为了满足SASS开发者的习惯，继承了很多插件。

postcss-mixins 一个和SASS的mixins用法相同的插件

postcss-atroot 让你的嵌套css处于根部

posts-extend 有相同结构却有那么一点点的区别，用这个可以方便同意管理相同部分样式代码

postcss是如何使用得

这里简单展示一下webpack+postcss得使用

首先需要安装webpack中postcss得解析器 postcss-loader 还有我们需要使用得库，这里我们只使用autoprefixer

	$ yarn add postcss-loader
	$ yarn add autoprefixer

之后在webpack.config.js module rule中加入postcss-loader

最后我们还得写postcss.config.js，添加你加入的那些插件，我们这边只使用了autoprefixer

这样我们就配置完成了个简单的postcss得项目了。

之后我会更加深入了解一下postcss其它插件得使用，会在以后为大家详解。

希望大家喜欢，可以多多关注一下我。