专栏首页前端大白专栏postcss-loader 有什么用?

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 条评论
登录 后参与评论

相关文章

  • 在使用angular2中使用nodejs创建服务器,并成功获取参数

    杭州前端工程师
  • 使用gulp实现自动刷新浏览器

    杭州前端工程师
  • javascript关于forEach使用方式

    明明是一样的函数执行结果没有达到自己需要的那样,为什么呢?今天不小心踩到了这个坑。

    杭州前端工程师
  • 选好域名很重要 3.35亿美元投资花落大搜车

    阿里巴巴领投,华平投资、春华资本、招银国际跟投完成对大搜车3.35亿美元(22.115亿元)E轮融资。这次融资距离上次2016年11月蚂蚁金服领投1亿美金投资不...

    躲在树上的域小名
  • 电脑开机密码忘记了咋办,三分钟教你PJ掉

    我们下载好微PE工具箱具,建议小伙伴们下载微PE之WIN10PE。下载好以后我们打开软件—点击软件界面右下角【其它安装方式】旁边的USB图标。

    IT小侠公社
  • 百度人脸识别服务API首次对外开放

    月24日,百度研究院深度学习实验室(IDL)宣布,通过APIStore将其自主研发的百度人脸识别技术免费对外开放。

    极客人
  • vmware workstation 安装macos 10.13

    说实在的,如果我有钱,早就换苹果了,macos真的是一个好系统,但是没钱,实话没钱只能使用linux。windows?windows是什么东西?我没有听说过。今...

    bboysoul
  • 研究生常用的十八大学术搜索引擎

    1、http://scholar.google.com/ 这个不多讲了. 2、http://qns.cc/ 后起之秀,科研人员的良好助手,上此网站的90%是...

    智能算法
  • Core官方DI解析(4)--CallSiteRuntimeResolver

    这两个类都在其CallSiteVisitor<TArgument, TResult>基类中

    莫问今朝
  • Core官方DI解析(4)--CallSiteRuntimeResolver

    ​ CallSiteRuntimeResolver类型是一个创建或获取服务实例的类型,这个类型继承了CallSiteVisitor<TArgument, TRe...

    莫问今朝

扫码关注云+社区

领取腾讯云代金券