postcss 是什么?

定义

postcss 是一个通过 js 插件来转换 css 的工具,通过这些插件可以支持变量和混合,可以通过追加浏览器前缀生成兼容性的样式,也可以通过 polyfill 把新的样式特性处理成通用的样式,可以使用 css 模块以及样式的规则校验。

PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.

autoprefixer 就是 postcss 一个常用的插件

不是什么

  • 它不是像 Sass 或 Less 那样的样式预处理器
  • 它不是一个后处理器
  • 它不是为了兼容未来的 CSS 特性的
  • 它不是一个 CSS 清理和压缩工具

是什么

  • 它是一个 CSS 语法转换工具

PostCSS 将 CSS 转换为 JavaScript 可以操作的数据结构。这些数据可以由插件理解和转换,然后处理成各种需要的格式。

PostCSS 扮演一个框架的角色,是一个转换 CSS 的工具。

架构图

postcss architecture.png
  • token 可以理解为标记,常用在语法分析系统中,把从源码字符转换成标记的过程称为语法分析。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在前端开发中一直有个原则,叫做"关注点分离",意思就是各种技术只负责自己的领域,不要混合在一起,形成耦合,这种原则...
    li4065阅读 7,965评论 0 0
  • Less和Sass主要是解决了一个模块化的问题,但是还有一个全局的样式的污染问题。我今天个人分享的就是关于Post...
    前白阅读 3,576评论 0 1
  • 这篇文章是我在公司内部的一个分享,大部分时间都在调试 postcss 源码,即 postcss 将 css 字符串...
    菜鸡前端阅读 12,201评论 0 3
  • PostCSS PostCSS是一款使用JavaScript插件对CSS实现转换的工具 PostCSS拥有非常强大...
    JunChow520阅读 14,330评论 2 5
  • 这是我学习webpack的过程,后面会持续更新,大家可以跟着来学习,下面正文开始。 什么是Webpack WebP...
    hengist阅读 8,280评论 0 3