postcss原理
2016-08-11 01:54:38 0 举报
PostCSS是一个基于Node.js的CSS处理工具,它的主要目标是通过使用JavaScript插件来简化CSS的处理过程。PostCSS的原理是将CSS代码作为输入,然后通过一系列的插件链式处理,最后输出转换后的CSS代码。这些插件可以执行各种任务,如解析、转换、优化和生成等。PostCSS的核心是一个简单的API,它允许开发者轻松地创建自定义插件,以满足特定的需求。此外,PostCSS还支持许多现有的插件,如Autoprefixer、CSSNext等,这些插件可以帮助开发者更高效地处理CSS代码。总之,PostCSS通过提供一个灵活的插件系统,使得CSS处理变得更加简单、高效和可定制。
作者其他创作
大纲/内容
Parser - CSS分析器
plugin2:xxx
plugin1:Autoprefixer
Input CSS
抽象语法树
CSS节点树API
PostCSS Parser
Output CSS
source map
AST转换为CSS
PostCSS Stringifier
PostCSS Plugin1
初始样式文件
PostCSS PluginN
Stringifier - CSS节点拼接器
newsourcemap
最终的样式文件(可能重新解析过/压缩过/加过前缀)
转换后的语法树
sourcemap
CSS转换为AST
0 条评论
下一页