PostCSS(CSS转换工具)

system

软件标签:  postcss   编程工具
postcss是以一款功能强大的css转换处理软件。本软件具备强大的插件功能。可以重新定义css，对css进行扩展、功能转换。对于做编程的工作人员来说，是个不错的编程工具！需要的用户欢迎在绿色资源网下载使用。
软件介绍
postcss是使用js插件来转换css的工具，支持变量、混入、未来 css 语法、内联图像等等。postcss 已经被许多大公司使用，包括维基百科、twitter、阿里巴巴和jetbrains。postcss 旨在通过自定义的插件和工具生态体系来重新定义 css。与类似 sass 和 less 这样的预处理机制类似，它可以把扩展的语法和功能转换成现代的浏览器友好的css代码。
postcss软件特点
1.postcss使用的是 node.js框架，编程语言和工具的能力使得对postcss的修改和自定义都很简单。sass 和 less 则受限于编译器自身锁提供的能力。

2.作为一个 api，postcss 让我们能够创建任何需要的插件和工具。这种模块化的平台设计使得这个工具比较专一，更专注于功能需求。postcss 对语言格式不做限制，如果需要也可以使用 sass 和 less 的语法格式。

3.postcss把项目中所有需要创建函数、工具和mixin的代码提取出来封装成插件。这样，对于每一个项目，我们都可以在项目里通过包含插件的方式来引入需要的功能。

4.postcss 自身并不强大；它的强大来自它的插件。也许你已经发现之前gulp和grunt的实现当中，任务说明中的数组是空的。这些数组可以定义我们打算 import 的社区开发的 postcss 插件，也就是我们需要包含的那些功能。

5.postcss 的github页面可以找到那些验证过的插件列表，跟 npm 的包一样，这些插件也都可以通过命令行安装。很多插件只能作为 postcss 的扩展，而不能直接在你所用的 task runner 中使用。例如，我们安装插件 postcss focus 后，会给 hover 增加一个 a:focus 状态。
postcss 插件安装示例连接步骤：



插件可以直接作为方法的参数，不过为了代码清晰，我们可以构造一个数组，然后把插件放到数组里作为参数。在数组里，我们可以包含所有需要的 require 语句，这些 require 语句会返回插件，然后被立即调用。如果你需要对此有更多的了解，可以看一下 ryan christiani 的“javascript中函数作为一等公民”。




对于 grunt，修改后的代码如下（包含我们刚创建的 processorarray 数组）：




下面是 gulp 的版本：

https://blog.51cto.com/u_16099270/9147646