postCss基本介绍

🌟什么是postCss？

        我个人的理解postCss就是css界的babel，它提供一个过程，而在这个过程中，去干什么就是你自己的事情，所以很多人写插件，去做代码转换，或者兼容等等。

babel 提供过程 @babel/preset-env  es6-es5
`JavaScript`
AST -> transform -> generate(生成)

postCss提供过程 
`css`
AST -> transform -> generate(生成)

两者都是提供一个过程，只是一个是处理javaScript，一个是处理css。

过程介绍

这个过程中AST指的是AST抽象语法树，这是一种概念(思想)，举个例子：es6箭头函数的AST如下：

可以访问这个网站来将代码转换为抽象语法树https://astexplorer.net/

根据这其中的节点(标记)，去执行转换等操作，这一步就是transform，比如将上图const 转换为 var。

转换完成后就是generate(生成)，输出：

var a = function () {
    return 123
}