postcss-loader 有什么用?

回归正题,postcss-loader有什么用?

PostCSS 本身是一个功能比较单一的工具。它提供了一种方式用 JavaScript 代码来处理 CSS。它负责把 CSS 代码解析成抽象语法树结构(Abstract Syntax Tree,AST),再交由插件来进行处理。插件基于 CSS 代码的 AST 所能进行的操作是多种多样的,比如可以支持变量和混入(mixin),增加浏览器相关的声明前缀,或是把使用将来的 CSS 规范的样式规则转译(transpile)成当前的 CSS 规范支持的格式。从这个角度来说,PostCSS 的强大之处在于其不断发展的插件体系。目前 PostCSS 已经有 200 多个功能各异的插件。开发人员也可以根据项目的需要,开发出自己的 PostCSS 插件。

PostCSS 从其诞生之时就带来了社区对其类别划分的争议。这主要是由于其名称中的 post,很容易让人联想到 PostCSS 是用来做 CSS 后处理(post-processor)的,从而与已有的 CSS 预处理(pre-processor)语言,如 SASS 和 LESS 等进行类比。实际上,PostCSS 的主要功能只有两个:第一个就是前面提到的把 CSS 解析成 JavaScript 可以操作的 AST,第二个就是调用插件来处理 AST 并得到结果。因此,不能简单的把 PostCSS 归类成 CSS 预处理或后处理工具。PostCSS 所能执行的任务非常多,同时涵盖了传统意义上的预处理和后处理。PostCSS 是一个全新的工具,给前端开发人员带来了不一样的处理 CSS 的方式。

具体的使用功能请关注本博客

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏逍遥剑客的游戏开发

GDC2017: PlayStation VR Worlds中的渲染优化

2784
来自专栏Windows Community

Microsoft Tech Summit 2018 课程简述:利用 Windows 新特性开发出更好的手绘视频应用

Microsoft Tech Summit 2018 微软技术暨生态大会将于10月24日至27日在上海世博中心举行,这也会是国内举办的最后一届 Tech Sum...

1173
来自专栏木子昭的博客

css毛玻璃背景的制作

原理和photoshop修图的步骤类似, 用css中的blur滤镜实现高斯模糊, 对文字部分添加伪元素,对伪元素填充部分背景图片, 并添加模...

802
来自专栏企鹅号快讯

技术干货:前端图形化技术简介(上)

Canvas与SVG 前端图形化技术,主要包括Canvas绘图和SVG绘图两类。 ? Canvas早在十几年前就被火狐浏览器引入。Canvas通过Canvas....

2107
来自专栏前端新视界

展望未来:使用 PostCSS 和 cssnext 书写 CSS

原文链接:A look into writing future CSS with PostCSS and cssnext 译者:nzbin 像 Twitte...

1999
来自专栏前端桃园

像素相关概念:PPI、DPI、设备像素、独立像素

1542
来自专栏数据小魔方

字体也有性格

今天是2016年的第一天,很特殊的也很特别的日子,祝大家新年快乐,小魔方会一如既往的每天陪大家一起分享,一起成长。 上一期给大家简单介绍了字体的基础知识,今天就...

2676
来自专栏DT数据侠

没有颜值哪来担当?这十个互联网巨头的网站配色数据拿去!

颜色是人类对物体最基本的感知之一。在互联网上,一个好的网页配色能叫人眼前一亮,甚至产生极大的品牌效应,好比“阿里橙”、“链家绿”等等。来自美国的一位设计师Pau...

890
来自专栏逍遥剑客的游戏开发

快速LightMap烘焙

903
来自专栏小白课代表

有了它,图片放大100倍不是梦

1114

扫码关注云+社区