非常教程

PostCSS 参考手册

PostCSS插件

其它

其它

  • postcss-alter-property-value 从基于规则的配置改变CSS声明。
  • postcss-attribute-selector-prefix 为属性选择器添加前缀
  • postcss-autoreset 自动添加重置样式。
  • postcss-bom 为文件添加UTF-8 BOM。
  • postcss-camelcaser 将选择器转换为CamelCase。
  • postcss-class-prefix 为类选择器添加前缀/命名空间。
  • postcss-currency 用符号替换货币名称。
  • postcss-eol 替换文件的EOL。
  • postcss-extract-value 从css属性中提取值并将它们放入变量中。
  • postcss-fakeid#fooID 转换为属性选择器[id="foo"]
  • postcss-filter-stream 您不希望使用PostCSS插件处理的黑名单文件/文件夹。
  • postcss-flexbox 轻松理解并开始使用CSS3 Flexbox。
  • postcss-flexboxfixer-webkit-前提条件只有旧版CSS中的flexbox。
  • postcss-flexbugs-fixes修复了一些已知的flexbox错误。
  • postcss-gradientfixer无前提条件-webkit-只能修复传统CSS中的渐变。
  • postcss-hash 用哈希算法替换输出文件名以进行缓存清除。
  • postcss-ie8 剥离IE8的不支持的属性和媒体查询。
  • postcss-increase-specificity 增加选择器的特异性。
  • postcss-inline-rtl 将您的CSS转换为从右到左,但内联(添加您需要的内容)。
  • postcss-letter-tracking 生成相对的,与Photoshop兼容的字母跟踪,以改善字母间距。
  • postcss-light-text-webkit-为浅色文本 添加抗锯齿功能。
  • postcss-modules 允许在任何地方使用CSS模块。
  • postcss-mq-keyframes 将媒体查询中的任何动画关键帧移动到文件末尾。
  • postcss-mq-last 通过将媒体查询规则移动到文件末尾来提供媒体查询规则优先级。
  • postcss-node-modules-replacer替代路径比包括node_modules~
  • postcss-pseudo-content-insert添加content: '':before:after 如果它丢失了。
  • postcss-pseudo-element-cases转换.style::BEFORE.style::before反之亦然。
  • postcss-pseudo-element-colons转换.style:before.style::before反之亦然。
  • postcss-pseudo-elements-content增加了content: '':before-c:after-c
  • postcss-pxtorem将像素单位转换为rem
  • postcss-raw保护@raw规则内的节点不被其他插件触及。
  • postcss-remove-prefixes 删除供应商前缀。
  • postcss-safe-important!important安全地添加样式声明。
  • postcss-sanitize 使用规则删除属性和值(css清理)。
  • postcss-scopify 为每个选择器添加用户输入范围。
  • postcss-select 根据选择器列表选择规则。
  • postcss-selector-prefixer 为css选择器添加前缀。
  • postcss-shorthand-expand 扩展速记属性。
  • postcss-sorting 按指定顺序排序规则内容。
  • postcss-style-guide 自动生成样式指南。
  • css-declaration-sorter 按特定顺序快速自动排序CSS声明。
  • perfectionist 格式化写得不好的CSS并呈现“漂亮”的结果。
  • rtlcss 镜像从右到左语言环境的样式。
  • stylefmt现代的CSS格式化程序,适用于stylelint
  • postcss-autocorrect 更正拼写错误并在控制台中通知。
PostCSS

PostCSS 是一个利用 JS 插件来对 CSS 进行转换的工具

PostCSS 目录

1.快速上手
2.PostCSS插件指南
3.PostCSS runner指南
4.编写自定义语法
5.PostCSS插件
6.PostCSS和源地图