【css

admin管理员组

文章数量:1122919

【css

PostCSS只是一个跑插件的平台，而LESS 、SASS是程序式CSS预处理语言。
它们并不是一样的东西，但却可以实现相似的效果，所以常被一起比较毫无疑问，PostCSS用插件实现和LESS 、SASS、Stylus相同的功能。

1.postcssPostCSS 的主要功能只有两个：第一个就是前面提到的把 CSS 解析成 JavaScript 
可以操作的 抽象语法树结构（Abstract Syntax Tree，AST），第二个就是调用插
件来处理 AST 并得到结果。PostCSS 一般不单独使用，而是与已有的构建工具进行集成。PostCSS 与主流的构
建工具，如 Webpack完成集成之后，选择满足功能需求的 PostCSS 插件并进行配置。2.CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域），需要书写大量
看似没有逻辑的代码，不方便维护及扩 展，不利于复用，尤其对于非前端开发工
程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS代码。为了方便前端开发的工作量，出现了sass和less.3.Sass已经有了两套语法规则 一个是Sass，一个是SCSS，SCSS语法为主流 
使用ruby语言编写
4.less 2009年开源的一个项目，受Sass的影响较大，但又使用CSS的语法，
让大部分开发者和设计师更容易上手。LESS提供了 多种方式能平滑的将写
好的代码转化成标准的CSS代码。使用JavaScript编译器进行编译

它本质上是一个什么东西？

• PostCSS 可以直观的理解为：它就是一个平台、平台、平台，重要的事情来三遍比较爽，哈哈！

• 给一个组件所有的dom添加一个独一无二的动态属性，scoped的底层原理，::v-deep

为什么说它是一个平台呢？因为我们直接用它，感觉不能干什么事情，但是如果让一些插件在它上面跑，那么将会很强大。

• PostCSS 提供了一个解析器，它能够将 CSS 解析成抽象语法树（AST）。

PostCSS 它需要一个插件系统才能够发挥作用。我们可以通过“插件”来传递AST，
然后再把AST转换成一个串，最后再输出到目标文件中去。

它能解决我们什么问题？它是通过什么方式来解决我们的问题？

上面的图很清晰，但是我还是不知道是个什么东西！所以接下来温和点，直接从代码层面来感官的认识一下。

• 它能够为 CSS 提供额外的功能；

• 通过在 PostCSS 这个平台上，我们能够开发一些插件，来处理我们的CSS，比如热门的：autoprefixer

• 我们能够使用JavaScript来开发插件（这点对前端来说很重要）

 postCss

本文标签： css