PostCSS 插件(PostCSS Plugins)

¥PostCSS Plugins

目录

¥Table of Contents

• 控制

  ¥Control

• 包

  ¥Packs

• 未来的 CSS 语法

  ¥Future CSS Syntax

• 后备措施

  ¥Fallbacks

• 语言扩展

  ¥Language Extensions

• 图片和字体

  ¥Images and Fonts

• 网格

  ¥Grids

• 优化

  ¥Optimizations

• 快捷方式

  ¥Shortcuts

• 其他的

  ¥Others

• 分析

  ¥Analysis

• 报告器

  ¥Reporters

• 乐趣

  ¥Fun

控制(Control)

¥Control

有两种方法可以让 PostCSS 的魔力更加明确。

¥There are two ways to make PostCSS magic more explicit.

使用 postcss-plugin-context 限制插件的本地样式表上下文：

¥Limit a plugin's local stylesheet context using postcss-plugin-context:

.css-example.is-test-for-css4-browsers {
  color: gray(255, 50%);
}
@context postcss-preset-env {
  .css-example.is-fallback-for-all-browsers {
    color: gray(255, 50%);
  }
}

或者使用 postcss-use 直接在 CSS 中启用插件：

¥Or enable plugins directly in CSS using postcss-use:

@use autoprefixer(browsers: ['last 2 versions']);

:fullscreen a {
  display: flex;
}

包(Packs)

¥Packs

• postcss-utilities 包括最常用的 mixin、快捷方式和辅助程序，用作 @util 规则。

  ¥postcss-utilities includes the most commonly used mixins, shortcuts and helpers to use as @util rules.

• atcss 包含根据特殊注释注释转换 CSS 的插件。

  ¥atcss contains plugins that transform your CSS according to special annotation comments.

• cssnano 包含优化 CSS 大小以供生产使用的插件。

  ¥cssnano contains plugins that optimize CSS size for use in production.

• oldie 包含可转换 CSS 以兼容旧版 Internet Explorer 的插件。

  ¥oldie contains plugins that transform your CSS for older Internet Explorer compatibility.

• rucksack 包含通过新功能和快捷方式加速 CSS 开发的插件。

  ¥rucksack contains plugins to speed up CSS development with new features and shortcuts.

• level4 仅包含可让你编写 C 且无需 IE9 回退的插件。

  ¥level4 contains only plugins that let you write CSS4 without the IE9 fallbacks.

• short 添加并扩展了许多速记属性。

  ¥short adds and extends numerous shorthand properties.

• stylelint 包含检查样式表的插件。

  ¥stylelint contains plugins that lint your stylesheets.

• postcss-hamster 用于垂直节奏、排版、模块化比例功能。

  ¥postcss-hamster for vertical rhythm, typography, modular scale functions.

• postcss-preset-env 允许你将现代 CSS 转换为大多数浏览器可以理解的内容，并根据你的目标浏览器或运行时环境确定你需要的 polyfill。

  ¥postcss-preset-env lets you convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted browsers or runtime environments.

• postcss-ui-theme 为你提供语法糖并允许你更改主题。

  ¥postcss-ui-theme gives you syntax sugar and allows you to change theme.

未来的 CSS 语法(Future CSS Syntax)

¥Future CSS Syntax

• postcss-apply 支持自定义属性集引用。

  ¥postcss-apply supports custom properties sets references.

• postcss-attribute-case-insensitive 支持不区分大小写的属性。

  ¥postcss-attribute-case-insensitive supports case insensitive attributes.

• postcss-bidirection 使用单一语法生成从左到右和从右到左的样式。

  ¥postcss-bidirection generate left-to-right and right-to-left styles with single syntax.

• postcss-color-function 支持转换颜色的函数。

  ¥postcss-color-function supports functions to transform colors.

• postcss-color-gray 支持 gray() 功能。

  ¥postcss-color-gray supports the gray() function.

• postcss-color-hex-alpha 支持 #rrggbbaa 和 #rgba 表示法。

  ¥postcss-color-hex-alpha supports #rrggbbaa and #rgba notation.

• postcss-color-hsl：将 CSS 颜色 4 hsl() 转换为更兼容的 hsl() 或 hsla()。

  ¥postcss-color-hsl: transforms CSS Colors 4 hsl() to more compatible hsl() or hsla().

• postcss-color-hwb 将 hwb() 转变为广泛兼容的 rgb()。

  ¥postcss-color-hwb transforms hwb() to widely compatible rgb().

• postcss-color-image 支持 image(<color>) 语法，允许使用纯色作为图片。

  ¥postcss-color-image supports image(<color>) syntax allowing to use a solid color as an image.

• postcss-color-rebeccapurple 支持 rebeccapurple 颜色。

  ¥postcss-color-rebeccapurple supports the rebeccapurple color.

• postcss-color-rgb：将 CSS 颜色 4 rgb() 转换为更兼容的 rgb() 或 rgba()。

  ¥postcss-color-rgb: transforms CSS Colors 4 rgb() to more compatible rgb() or rgba().

• postcss-conic-gradient 支持 conic-gradient 背景。

  ¥postcss-conic-gradient supports the conic-gradient background.

• postcss-custom-media 支持媒体查询的自定义别名。

  ¥postcss-custom-media supports custom aliases for media queries.

• postcss-custom-properties 使用 W3C 自定义属性中的语法支持变量。

  ¥postcss-custom-properties supports variables, using syntax from the W3C Custom Properties.

• postcss-custom-selectors 为选择器添加了自定义别名。

  ¥postcss-custom-selectors adds custom aliases for selectors.

• postcss-extend 递归地支持规则和占位符的规范近似 @extend。

  ¥postcss-extend supports spec-approximate @extend for rules and placeholders, recursively.

• postcss-font-format-keywords 将 @font-face 规则的 format() 函数中的关键字转换为广泛支持的字符串。

  ¥postcss-font-format-keywords transforms keywords in @font-face rule’s format() function to widely supported strings.

• postcss-font-normalize 标准化字体，尤其是 font-family。

  ¥postcss-font-normalize to normalize font, especially font-family.

• postcss-font-variant 将人类可读的 font-variant 转换为更广泛支持的 CSS。

  ¥postcss-font-variant transpiles human-readable font-variant to more widely supported CSS.

• postcss-font-family-system-ui 将 W3C CSS font-family: system-ui 转换为实用的字体列表。

  ¥postcss-font-family-system-ui transforms W3C CSS font-family: system-ui to a practical font list.

• postcss-font-display 添加 font-display css 规则。

  ¥postcss-font-display add font-display css rule.

• postcss-host 使 Shadow DOM 的 :host 选择器能够与伪类一起正常工作。

  ¥postcss-host makes the Shadow DOM’s :host selector work properly with pseudo-classes.

• postcss-initial 支持 initial 关键字和 all: initial 来清理继承样式。

  ¥postcss-initial supports initial keyword and all: initial to clean inherit styles.

• postcss-logical-properties 根据文档的写入方向将 start 和 end 属性转换为 left 和 right。

  ¥postcss-logical-properties transforms start and end properties to left and right depending on the writing direction of the document.

• postcss-media-minmax 将 <= 和 => 语句添加到媒体查询中。

  ¥postcss-media-minmax adds <= and => statements to media queries.

• postcss-multi-value-display 将 inline flex 和 block flow 转换为 inline-flex 和 block

  ¥postcss-multi-value-display transforms inline flex and block flow to inline-flex and block

• postcss-pseudo-class-any-link 添加了 :any-link 伪类。

  ¥postcss-pseudo-class-any-link adds :any-link pseudo-class.

• postcss-pseudo-is 将 :is() 转换为更兼容的 CSS。

  ¥postcss-pseudo-is transforms :is() to more compatible CSS.

• postcss-selector-not 将 C :not() 转换为 C :not()。

  ¥postcss-selector-not transforms CSS4 :not() to CSS3 :not().

• postcss-selector-matches 将 C :matches() 转换为更兼容的 CSS。

  ¥postcss-selector-matches transforms CSS4 :matches() to more compatible CSS.

• postcss-start-to-end 允许你通过逻辑规则而不是方向/物理规则来控制布局（LTR 或 RTL）。

  ¥postcss-start-to-end lets you control your layout (LTR or RTL) through logical rather than direction / physical rules.

• postcss-subgrid 为 CSS display: subgrid 规范提供了基本的垫片。

  ¥postcss-subgrid provides a basic shim for the CSS display: subgrid spec.

• mq4-hover-shim 支持 @media (hover) 功能。

  ¥mq4-hover-shim supports the @media (hover) feature.

另请参阅 postcss-preset-env 插件包，通过一行代码添加未来的 CSS 语法。

¥See also postcss-preset-env plugins pack to add future CSS syntax by one line of code.

后备措施(Fallbacks)

¥Fallbacks

• postcss-color-rgba-fallback 将 rgba() 转换为十六进制。

  ¥postcss-color-rgba-fallback transforms rgba() to hexadecimal.

• 当 :disabled 伪类存在时，postcss-disabled 添加 [disabled] 属性和/或 .disabled 类。

  ¥postcss-disabled adds a [disabled] attribute and/or a .disabled class when the :disabled pseudo class is present.

• postcss-epub 将 -epub- 前缀添加到相关属性中。

  ¥postcss-epub adds the -epub- prefix to relevant properties.

• postcss-esplit 将你的 CSS 拆分为 IE 超过 4095 个选择器。

  ¥postcss-esplit splits your CSS exceeding 4095 selectors for IE.

• postcss-fallback 添加了 fallback 函数以避免重复声明。

  ¥postcss-fallback adds fallback function to avoid duplicate declarations.

• postcss-filter-gradient 为旧版 IE 添加了渐变滤镜。

  ¥postcss-filter-gradient adds gradient filter for the old IE.

• postcss-flexibility 为 Flexibility polyfill 添加 -js- 前缀。

  ¥postcss-flexibility adds -js- prefix for Flexibility polyfill.

• postcss-gradient-transparency-fix 以渐变方式转换 transparent 值以支持 Safari 的不同颜色插值。

  ¥postcss-gradient-transparency-fix transforms transparent values in gradients to support Safari's different color interpolation.

• postcss-hash-classname 将哈希字符串附加到你的 css 类名中。

  ¥postcss-hash-classname append hash string to your css class name.

• postcss-mqwidth-to-class 将最小/最大宽度媒体查询转换为类。

  ¥postcss-mqwidth-to-class converts min/max-width media queries to classes.

• postcss-opacity 为 IE8 添加了不透明度过滤器。

  ¥postcss-opacity adds opacity filter for IE8.

• postcss-opacity-percentage 将 C 基于百分比的 opacity 值转换为浮点值。

  ¥postcss-opacity-percentage transforms CSS4 percentage-based opacity values to float values.

• postcss-page-break 将 page-break- 后备添加到 break- 属性。

  ¥postcss-page-break adds page-break- fallback to break- properties.

• postcss-pseudoelements 将 :: 选择器转换为 : 选择器以兼容 IE 8。

  ¥postcss-pseudoelements Convert :: selectors into : selectors for IE 8 compatibility.

• postcss-redundant-color-vars 为某些边框和框阴影声明添加了自定义属性，以修复已知的 Safari 错误

  ¥postcss-redundant-color-vars adds custom property for certain border and box-shadow declarations to fix a known Safari bug

• postcss-replace-overflow-wrap 用 word-wrap 替换 overflow-wrap。

  ¥postcss-replace-overflow-wrap replace overflow-wrap with word-wrap.

• postcss-round-subpixels 插件，可将子像素值四舍五入到最接近的完整像素。

  ¥postcss-round-subpixels plugin that rounds sub-pixel values to the nearest full pixel.

• postcss-unmq 删除了媒体查询，同时保留了 IE≤8 的桌面规则。

  ¥postcss-unmq removes media queries while preserving desktop rules for IE≤8.

• postcss-vmin 为 IE9 中的 vmin 单元生成 vm 后备。

  ¥postcss-vmin generates vm fallback for vmin unit in IE9.

• postcss-will-change 在 will-change 属性之前插入 3D hack。

  ¥postcss-will-change inserts 3D hack before will-change property.

• autoprefixer 使用 Can I Use 中的数据为你添加浏览器前缀。

  ¥autoprefixer adds vendor prefixes for you, using data from Can I Use.

• postcss-pie 使 IE 具有几个最有用的 C 装饰功能。

  ¥postcss-pie makes IE several of the most useful CSS3 decoration features.

• cssgrace 为 IE 和其他旧浏览器提供各种辅助程序和转译 CSS 3。

  ¥cssgrace provides various helpers and transpiles CSS 3 for IE and other old browsers.

• pixrem 为 rem 单位生成像素回退。

  ¥pixrem generates pixel fallbacks for rem units.

• postcss-fixie 添加了简单轻松的 IE 破解

  ¥postcss-fixie adds easy and painless IE hacks

• postcss-safe-area 添加了 safe-area-inset env 变量的浏览器回退。

  ¥postcss-safe-area adds browser fallbacks for safe-area-inset env variables.

• webp-in-css 在 CSS 中使用 WebP 背景图片。

  ¥webp-in-css to use WebP background images in CSS.

• postcss-clamp 将 clamp() 变换为 min/max 的组合

  ¥postcss-clamp transform clamp() to combination of min/max

• postcss-spring-easing 用生成的 linear() 函数替换 spring()，并添加 --spring-duration css 变量。

  ¥postcss-spring-easing replaces spring() with a resulting linear() function and add a --spring-duration css variable.

另请参阅 oldie 插件包。

¥See also oldie plugins pack.

语言扩展(Language Extensions)

¥Language Extensions

• postcss-aspect-ratio 将元素的尺寸固定为纵横比。

  ¥postcss-aspect-ratio fix an element's dimensions to an aspect ratio.

• postcss-atroot 将规则直接放置在根节点处。

  ¥postcss-atroot place rules directly at the root node.

• postcss-bem-fix 添加了 BEM 和 SUIT 样式类的 at 规则。

  ¥postcss-bem-fix adds at-rules for BEM and SUIT style classes.

• postcss-click 允许使用 :click 伪类并在 JavaScript 中实现它。

  ¥postcss-click allows to use the :click pseudo class and implement it in JavaScript.

• postcss-compact-mq 为基于视口宽度的媒体查询提供紧凑的语法。

  ¥postcss-compact-mq provides compact syntax for media queries based on viewport width.

• postcss-conditionals 添加 @if 语句。

  ¥postcss-conditionals adds @if statements.

• postcss-css-variables 支持使用 W3C 类似语法的选择器变量和 at 规则。

  ¥postcss-css-variables supports variables for selectors, and at-rules using W3C similar syntax.

• postcss-current-selector 获取声明中的当前选择器。

  ¥postcss-current-selector to get current selector in declaration.

• postcss-define-property 定义属性快捷方式。

  ¥postcss-define-property to define properties shortcut.

• postcss-define-function 实现 Sass @function 指令。

  ¥postcss-define-function to implement Sass @function directive.

• postcss-each 添加 @each 语句。

  ¥postcss-each adds @each statement.

• postcss-for 添加 @for 循环。

  ¥postcss-for adds @for loops.

• postcss-at-rules-variables 添加了对 @for、@each、@if 等中自定义属性的支持。

  ¥postcss-at-rules-variables adds support for custom properties in @for, @each, @if, etc.

• postcss-functions 允许公开 JavaScript 函数。

  ¥postcss-functions enables exposure of JavaScript functions.

• postcss-if-media CSS 规则和属性中的内联或嵌套媒体查询。

  ¥postcss-if-media inline or nest media queries within CSS rules & properties.

• postcss-inline-media 将多个媒体查询内联到 CSS 属性值中。

  ¥postcss-inline-media inline multiple media queries into CSS property values.

• postcss-local-constants 添加了对本地化常量的支持。

  ¥postcss-local-constants adds support for localized constants.

• postcss-map 启用配置映射。

  ¥postcss-map enables configuration maps.

• postcss-match 为 Rust 风格的模式匹配 添加 @match。

  ¥postcss-match adds @match for Rust-style pattern matching.

• postcss-mixins 使 mixin 比 Sass 更强大，在样式表或 JS 中定义。

  ¥postcss-mixins enables mixins more powerful than Sass’, defined within stylesheets or in JS.

• postcss-media-variables 在 @media 规则中添加了对 var() 和 calc() 的支持

  ¥postcss-media-variables adds support for var() and calc() in @media rules

• postcss-modular-scale 增加了模块化秤 ms() 功能。

  ¥postcss-modular-scale adds a modular scale ms() function.

• postcss-namespace 将命名空间作为选择器的前缀。

  ¥postcss-namespace prefix a namespace to a selector.

• postcss-nested 解包嵌套规则。

  ¥postcss-nested unwraps nested rules.

• postcss-nested-props 解包嵌套属性。

  ¥postcss-nested-props unwraps nested properties.

• postcss-nested-vars 支持嵌套 Sass 风格的变量。

  ¥postcss-nested-vars supports nested Sass-style variables.

• postcss-pseudo-class-any-button 添加了 :any-button 伪类来定位所有按钮元素。

  ¥postcss-pseudo-class-any-button adds :any-button pseudo-class for targeting all button elements.

• postcss-pseudo-class-enter 将 :enter 转换为 :hover 和 :focus。

  ¥postcss-pseudo-class-enter transforms :enter into :hover and :focus.

• postcss-quantity-queries 启用数量查询。

  ¥postcss-quantity-queries enables quantity queries.

• postcss-ref 引用另一个规则的属性。

  ¥postcss-ref refers properties from another rule.

• postcss-reverse-media 反向/反转媒体查询参数。

  ¥postcss-reverse-media reverse/Invert media query parameters.

• postcss-sassy-mixins 支持使用 Sass 关键字进行混入。

  ¥postcss-sassy-mixins enables mixins with Sass keywords.

• postcss-map-get 添加了使用 Sass 的函数，如映射函数 map-get。

  ¥postcss-map-get adds the ability to use Sass like map function map-get.

• postcss-simple-extend 静默类的轻量级扩展，如 Sass 的 @extend。

  ¥postcss-simple-extend lightweight extending of silent classes, like Sass’ @extend.

• postcss-simple-vars 支持 Sass 风格的变量。

  ¥postcss-simple-vars supports for Sass-style variables.

• postcss-strip-units 将单位从属性值中剥离。

  ¥postcss-strip-units strips units off of property values.

• postcss-vertical-rhythm 在 font-size、line-height 的基础上增加了垂直节奏单元。

  ¥postcss-vertical-rhythm adds a vertical rhythm unit based on font-size and line-height.

• postcss-vertical-rhythm-function 添加了垂直节奏 vr() 函数，该函数与单位无关，并且在构建期间无法计算字体大小的情况下工作。

  ¥postcss-vertical-rhythm-function adds a vertical rhythm vr() function that is unit agnostic and works in situations where the font-size cannot be calculated during build time.

• postcss-responsive-properties 允许你编写响应式属性值。

  ¥postcss-responsive-properties allows you to write responsive property values.

• postcss-text-remove-gap 删除文本字符串前后的空格，通过行高和字形本身的额外空格添加。

  ¥postcss-text-remove-gap remove space before and after text strings, added by line-height and extra space in glyph itself.

• postcss-closest 插件修改当前选择器最接近的匹配部分。

  ¥postcss-closest plugin to modify closest matching part of current selector.

• csstyle 将组件工作流程添加到你的样式中。

  ¥csstyle adds components workflow to your styles.

• postcss-percentage 支持类似 Sass 的 percentage() 功能。

  ¥postcss-percentage support Sass-like percentage() function.

• postcss-custom-css-units 定义自定义 CSS 单元并将其转换为 CSS 变量。

  ¥postcss-custom-css-units Define custom css units and convert them to CSS variables.

• postcss-easy-z 允许你通过声明 z 索引之间的关系来组织 z 索引。

  ¥postcss-easy-z lets you organize z-indices by declaring relations between them.

• @csstools/postcss-design-tokens 允许你从 CSS 导入和使用设计标记。

  ¥@csstools/postcss-design-tokens lets you import and use design tokens from CSS.

颜色(Colors)

¥Colors

• postcss-ase-colors 用从 ASE 调色板文件读取的值替换颜色名称。

  ¥postcss-ase-colors replaces color names with values read from an ASE palette file.

• postcss-brand-colors 在 brand-colors 模块中插入公司品牌颜色。

  ¥postcss-brand-colors inserts company brand colors in the brand-colors module.

• postcss-color-alpha 将 #hex.a、black(alpha) 和 white(alpha) 转换为 rgba()。

  ¥postcss-color-alpha transforms #hex.a, black(alpha) and white(alpha) to rgba().

• postcss-color-hcl 将 hcl(H, C, L) 和 hcl(H, C, L, alpha) 转换为 #rgb 和 rgba()。

  ¥postcss-color-hcl transforms hcl(H, C, L) and hcl(H, C, L, alpha) to #rgb and rgba().

• postcss-color-hexa 将 hexa(hex, alpha) 转换为 rgba 格式。

  ¥postcss-color-hexa transforms hexa(hex, alpha) into rgba format.

• postcss-color-mix 将两种颜色混合在一起。

  ¥postcss-color-mix mixes two colors together.

• postcss-color-palette 将 CSS 2 颜色关键字转换为自定义调色板。

  ¥postcss-color-palette transforms CSS 2 color keywords to a custom palette.

• postcss-color-pantone 将 pantone 颜色转换为 RGB。

  ¥postcss-color-pantone transforms pantone color to RGB.

• postcss-color-scale 增加了色阶 cs() 功能。

  ¥postcss-color-scale adds a color scale cs() function.

• postcss-color-short 添加了简写颜色声明。

  ¥postcss-color-short adds shorthand color declarations.

• postcss-color-yiq 使用 YIQ 颜色空间设置前景色。

  ¥postcss-color-yiq sets foreground colors using the YIQ color space.

• postcss-colorblind 使用滤镜变换颜色来模拟色盲。

  ¥postcss-colorblind transforms colors using filters to simulate colorblindness.

• postcss-contrast 检查背景颜色并给出白色或黑色。

  ¥postcss-contrast checks background-color and gives either white or black.

• postcss-dark-theme-class 通过自定义切换器强制深色或浅色主题。

  ¥postcss-dark-theme-class to force dark or light theme by custom switcher.

• postcss-theme-colors 添加带有颜色组的深色和浅色主题。

  ¥postcss-theme-colors add dark and light theme with color groups.

• postcss-hexrgba 添加了速记十六进制 rgba(hex, alpha) 方法。

  ¥postcss-hexrgba adds shorthand hex rgba(hex, alpha) method.

• postcss-rgb-plz 将 3 或 6 位十六进制值转换为 rgb。

  ¥postcss-rgb-plz converts 3 or 6 digit hex values to rgb.

• postcss-rgba-hex 将 rgba 值转换为 hex 类似物。

  ¥postcss-rgba-hex converts rgba values to hex analogues.

• postcss-shades-of-gray 有助于保持灰度颜色与灰色调色板一致。

  ¥postcss-shades-of-gray helps keeping grayscale colors consistent to a gray palette.

• colorguard 有助于保持一致的调色板。

  ¥colorguard helps maintain a consistent color palette.

• postcss-get-color 从图片中获取突出的颜色。

  ¥postcss-get-color get the prominent colors from an image.

• postcss-randomcolor 支持使用随机颜色的功能。

  ¥postcss-randomcolor supports function to use random color.

图片和字体(Images and Fonts)

¥Images and Fonts

• avif-in-css 在 CSS 背景中使用 AVIF 图片格式。

  ¥avif-in-css to use AVIF image format in CSS background.

• postcss-assets 允许你简化 URL、插入图片尺寸和内联文件。

  ¥postcss-assets allows you to simplify URLs, insert image dimensions, and inline files.

• postcss-assets-rebase 重新设定 url() 的资源基础。

  ¥postcss-assets-rebase rebases assets from url().

• postcss-at2x 通过使用 at-2x 关键字处理视网膜背景图片。

  ¥postcss-at2x handles retina background images via use of at-2x keyword.

• postcss-background-image-auto-size 自动为 background-image 生成 CSS 规则 width 和 height。

  ¥postcss-background-image-auto-size generates CSS rules width and height for background-image automatically.

• postcss-border-9-patch 通过自定义规则生成类似 9 块的边框样式。

  ¥postcss-border-9-patch generates 9-patch like border styles via a custom rule.

• postcss-cachebuster 为图片和字体添加版本参数

  ¥postcss-cachebuster adds version parameter to images and fonts

• postcss-copy-assets 将相对 url() 引用的资源复制到构建目录中。

  ¥postcss-copy-assets copies assets referenced by relative url()s into a build directory.

• postcss-data-packer 将嵌入的 Base64 数据移动到单独的文件中。

  ¥postcss-data-packer moves embedded Base64 data to a separate file.

• postcss-easysprites 根据 image.png#hash 和宽高比 (@2x) 将图片组合到精灵中。

  ¥postcss-easysprites combine images to sprites, based on their image.png#hash and aspect ratio (@2x).

• postcss-icon-blender 从超过 80,000 个免费开源的图标创建自定义 SVG 图标集

  ¥postcss-icon-blender create custom SVG icon sets from over 80,000 free and open-source icons

• postcss-image-set 将 background-image 添加到 image-set() 的第一张图片。

  ¥postcss-image-set adds background-image with first image for image-set().

• postcss-image-inliner 内联本地和远程图片。

  ¥postcss-image-inliner inlines local and remote images.

• postcss-instagram 为 filter 添加了 Instagram 滤镜。

  ¥postcss-instagram adds Instagram filters to filter.

• postcss-filter-tint 为图片等元素添加了色调滤镜。

  ¥postcss-filter-tint adds tint filter to elements such as images.

• postcss-foft-classes 为使用 Web 字体的块添加了保护类，以实现更好的字体加载策略。

  ¥postcss-foft-classes adds guarding classes to blocks using web fonts for better font loading strategies.

• postcss-font-awesome 为字体很棒的 unicode 代码添加了一个简单的快捷方式

  ¥postcss-font-awesome adds an easy shortcut to font-awesome unicode codes

• postcss-font-pack 简化了字体声明并验证它们是否与配置的字体包匹配。

  ¥postcss-font-pack simplifies font declarations and validates they match configured font packs.

• postcss-fontsize 生成 rem 单元 font-size 和 line-height，并带有 px 后备。

  ¥postcss-fontsize generates rem unit font-size and line-height with px fallbacks.

• postcss-fontpath 添加了针对不同浏览器的字体链接。

  ¥postcss-fontpath adds font links for different browsers.

• postcss-font-grabber 它获取 @font-face 中的远程字体，下载它们并更新你的 CSS。

  ¥postcss-font-grabber it grabs remote fonts in @font-face, download them and update your CSS.

• postcss-lazyimagecss 自动添加图片宽度和高度。

  ¥postcss-lazyimagecss adds image width and height automatically.

• postcss-lazysprite 从图片目录生成精灵。

  ¥postcss-lazysprite generates sprites from the directory of images.

• postcss-placehold 可以轻松放置占位符图片。

  ¥postcss-placehold makes it easy to drop in placeholder images.

• postcss-resemble-image 为与原始图片大致相似的图片提供渐变回退。

  ¥postcss-resemble-image provides a gradient fallback for an image that loosely resembles the original.

• postcss-resolve-urls 解析 url() 中引用的相对 URL

  ¥postcss-resolve-urls resolves relative urls referenced in url()s

• postcss-responsive-images 添加了样式表，使你的图片具有响应能力。

  ¥postcss-responsive-images adds stylesheets for making your images responsive.

• postcss-sprites 从样式表生成 CSS 精灵。

  ¥postcss-sprites generates CSS sprites from stylesheets.

• postcss-svg 将内联 SVG 插入 CSS 并允许管理它的颜色。

  ¥postcss-svg insert inline SVG to CSS and allows to manage it colors.

• postcss-svg-fallback 将 CSS 中的 SVG 转换为适用于 IE 8 的 PNG 文件。

  ¥postcss-svg-fallback converts SVG in your CSS to PNG files for IE 8.

• postcss-svgo 通过 SVGO 处理内联 SVG。

  ¥postcss-svgo processes inline SVG through SVGO.

• postcss-unicode-characters 使写入 unicode-range 描述符变得更容易。

  ¥postcss-unicode-characters makes it easier to write unicode-range descriptors.

• postcss-url 变基或内联 url()。

  ¥postcss-url rebases or inlines url()s.

• postcss-urlrebase 将 url() 重新设置为给定的根 URL。

  ¥postcss-urlrebase rebases url()s to a given root URL.

• postcss-urlrev 将 MD5 哈希字符串添加到 url()。

  ¥postcss-urlrev adds MD5 hash strings to url()s.

• postcss-write-svg 在 CSS 中编写内联 SVG。

  ¥postcss-write-svg write inline SVGs in CSS.

• postcss-inline-svg 内联 SVG 图片并自定义其样式。

  ¥postcss-inline-svg inline SVG images and customize their styles.

• webpcss 为支持 WebP 的浏览器添加了 WebP 图片的 URL。

  ¥webpcss adds URLs for WebP images for browsers that support WebP.

• webp-in-css 在 CSS 后台使用 WebP 图片格式。

  ¥webp-in-css to use WebP image format in CSS background.

网格(Grids)

¥Grids

• postcss-grid 添加了语义网格系统。

  ¥postcss-grid adds a semantic grid system.

• postcss-grid-kiss 将 ASCII-art 网格转换为 CSS 网格布局。

  ¥postcss-grid-kiss transforms ASCII-art grids into CSS Grid layout.

• postcss-grid-system 基于固定的列宽创建网格。

  ¥postcss-grid-system creates grids based on a fixed column width.

• postcss-grid-fluid 创建流体网格。

  ¥postcss-grid-fluid creates fluid grids.

• postcss-layout 是一些常见 CSS 布局模式和网格系统的插件。

  ¥postcss-layout a plugin for some common CSS layout patterns and a Grid system.

• postcss-maze 是移动优先、语义响应式网格，适合任何设计模式。

  ¥postcss-maze is a mobile first, semantic responsive grid to suit any design pattern.

• postcss-neat 是一个语义和流动的网格框架。

  ¥postcss-neat is a semantic and fluid grid framework.

• postcss-oldschool-grid 是一个使用封装列和填充装订线的网格系统。

  ¥postcss-oldschool-grid is a grid system with wrapping columns and padding gutters.

• postcss-simple-grid 用一根线创建网格。

  ¥postcss-simple-grid create grid with one line.

• Jeet 作者的 lost 功能丰富的 calc() 网格系统。

  ¥lost feature-rich calc() grid system by Jeet author.

优化(Optimizations)

¥Optimizations

• postcss-calc 将 calc() 简化为值（当表达式涉及相同单位时）。

  ¥postcss-calc reduces calc() to values (when expressions involve the same units).

• postcss-remove-nested-calc calc(100vw - calc(20% - 10px)) 到 calc(100vw - (20% - 10px)) 用于 IE 11 兼容性。

  ¥postcss-remove-nested-calc calc(100vw - calc(20% - 10px)) to calc(100vw - (20% - 10px)) for IE 11 compatibility.

• postcss-class-name-shortener 缩短 CSS 类名以优化网站性能。

  ¥postcss-class-name-shortener shortens CSS class names to optimize website performance.

• postcss-combine-duplicated-selectors 自动连接相同的选择器。

  ¥postcss-combine-duplicated-selectors automatically join identical selectors.

• postcss-filter-mq 过滤所有匹配或不匹配的媒体查询。

  ¥postcss-filter-mq Filter all matching or non-matching media queries.

• postcss-import 内联 @import 规则引用的样式表。

  ¥postcss-import inlines the stylesheets referred to by @import rules.

• postcss-nested-import 在嵌套规则块内内联 @import 规则引用的样式表。

  ¥postcss-nested-import inlines stylesheets referred to by @import rules inside nested rule blocks.

• postcss-partial-import 内联标准导入和类似 Sass 的部分。

  ¥postcss-partial-import inlines standard imports and Sass-like partials.

• postcss-reference 模仿 Less 的 @import。

  ¥postcss-reference emulates Less’s @import.

• postcss-remove-root 从样式表中删除 :root 的所有实例。

  ¥postcss-remove-root removes all instances of :root from a stylesheet.

• postcss-single-charset 确保文件顶部有且仅有一个 @charset 规则。

  ¥postcss-single-charset ensures that there is one and only one @charset rule at the top of file.

• postcss-zindex 重新设置正 z-index 值的基准。

  ¥postcss-zindex rebases positive z-index values.

• postcss-unprefix 取消旧版 CSS 中浏览器前缀的前缀。

  ¥postcss-unprefix Unprefixes vendor prefixes in legacy CSS.

• css-byebye 删除了你不需要的 CSS 规则。

  ¥css-byebye removes the CSS rules that you don’t want.

• css-mqpacker 将匹配的 CSS 媒体查询连接到单个语句中。

  ¥css-mqpacker joins matching CSS media queries into a single statement.

• stylehacks 删除了基于浏览器支持的 CSS hack。

  ¥stylehacks removes CSS hacks based on browser support.

• postcss-mq-optimize 删除无效的媒体查询或其表达式。

  ¥postcss-mq-optimize removes invalid media queries or its expressions.

• postcss-uncss 从样式表中删除未使用的 CSS。

  ¥postcss-uncss removes unused CSS from your stylesheets.

• postcss-html-filter 过滤掉不适用于你提供的 HTML 的 CSS。

  ¥postcss-html-filter filters out CSS that does not apply to the HTML you provide.

• postcss-no-important 删除声明！重要。

  ¥postcss-no-important delete declarations !important.

• postcss-deep-scopable 统一了 Vue.js 的深度范围样式。

  ¥postcss-deep-scopable unified deep scoped style for Vue.js.

• postcss-deadcss 有助于查找样式表中无效的 CSS。

  ¥postcss-deadcss helps to find dead CSS in stylesheets.

• postcss-variable-compress 缩小了 css 变量并节省空间。

  ¥postcss-variable-compress minifies css variables and saves you space.

另请参阅模块化 minifier cssnano 中的插件。

¥See also plugins in modular minifier cssnano.

快捷方式(Shortcuts)

¥Shortcuts

• postcss-alias 为属性创建较短的别名。

  ¥postcss-alias creates shorter aliases for properties.

• postcss-alias-atrules 为 at 规则创建较短的别名。

  ¥postcss-alias-atrules creates shorter aliases for at-rules.

• postcss-all-link-colors 为链接相关伪类插入颜色。

  ¥postcss-all-link-colors insert colors for link-related pseudo-classes.

• postcss-border 在 border 属性中添加了所有边框的宽度和颜色的简写。

  ¥postcss-border adds shorthand for width and color of all borders in border property.

• postcss-border-shortcut PostCSS 插件用于分配默认 border 类型（如果未表达）。

  ¥postcss-border-shortcut PostCSS plugin for assign default border type if not expressed.

• postcss-button 创建按钮。

  ¥postcss-button creates buttons.

• postcss-center 居中元素。

  ¥postcss-center centers elements.

• postcss-circle 插入一个带有颜色的圆圈。

  ¥postcss-circle inserts a circle with color.

• postcss-clearfix 将 fix 和 fix-legacy 属性添加到 clear 声明中。

  ¥postcss-clearfix adds fix and fix-legacy properties to the clear declaration.

• postcss-crip 是懒得写的 Crips 的简写属性。

  ¥postcss-crip shorthand properties for Crips that are too lazy to write.

• postcss-default-unit 将默认单位添加到数字 CSS 属性中。

  ¥postcss-default-unit adds default unit to numeric CSS properties.

• postcss-easings 将 easings.net 中的缓动名称替换为 cubic-bezier() 函数。

  ¥postcss-easings replaces easing names from easings.net with cubic-bezier() functions.

• postcss-filter 添加了黑白滤镜的简写。

  ¥postcss-filter adds shorthand for black and white filter.

• postcss-focus 将 :focus 选择器添加到每个 :hover。

  ¥postcss-focus adds :focus selector to every :hover.

• postcss-generate-preset 允许快速生成规则。对于创建重复的实用程序很有用。

  ¥postcss-generate-preset allows quick generation of rules. Useful for creating repetitive utilities.

• postcss-hidden 允许使用简单的方法来隐藏元素。

  ¥postcss-hidden allows for easy ways to hide elements.

• postcss-input-style 添加了新的伪元素，用于输入的跨浏览器样式。

  ¥postcss-input-style adds new pseudo-elements for cross-browser styling of inputs.

• postcss-nested-ancestors 引用嵌套 CSS 中的任何父/祖级选择器。

  ¥postcss-nested-ancestors reference any parent/ancestor selector in nested CSS.

• postcss-parent-selector 将父选择器添加到所有规则的开头。

  ¥postcss-parent-selector adds a parent selector to the beginning of all rules.

• postcss-position 添加了位置属性的简写声明。

  ¥postcss-position adds shorthand declarations for position attributes.

• postcss-property-lookup 允许在没有变量的情况下引用属性值。

  ¥postcss-property-lookup allows referencing property values without a variable.

• postcss-range-value 范围值，具有两个屏幕尺寸之间的最大值和最小值。

  ¥postcss-range-value range value with a max and min value between two screen sizes.

• postcss-responsive-type 更改 font-size 取决于屏幕尺寸。

  ¥postcss-responsive-type changes font-size depends on screen size.

• postcss-scrib 为属性或值定义你自己的别名/快捷方式。

  ¥postcss-scrib define your own aliases/shortcuts for properties or values.

• postcss-short-font-size 扩展 font-size 以定义第二个值 line-height 。

  ¥postcss-short-font-size extends font-size to define line-height s a second value.

• postcss-short-position 扩展 position 以将边缘定义为附加值。

  ¥postcss-short-position extends position to define edges as additional values.

• postcss-short-spacing 继承 margin 和 padding 以允许或省略边缘。

  ¥postcss-short-spacing extends margin and padding to allow or omitted edges.

• postcss-short-text 为几个与文本相关的属性添加了 text 快捷属性。

  ¥postcss-short-text adds a text shortcut property for several text-related properties.

• postcss-size 添加了 size 快捷方式，可通过一个声明设置宽度和高度。

  ¥postcss-size adds a size shortcut that sets width and height with one declaration.

• postcss-speech-bubble 只需几行 CSS 即可添加不同类型的对话气泡。

  ¥postcss-speech-bubble adds speech bubbles of different kinds with just a couple of lines of CSS.

• postcss-transform-shortcut 允许 CSS 中的简写转换属性。

  ¥postcss-transform-shortcut allows shorthand transform properties in CSS.

• postcss-triangle 创建一个三角形。

  ¥postcss-triangle creates a triangle.

• postcss-typescale 根据印刷比例设置字体。

  ¥postcss-typescale sets type based on a typographic scale.

• postcss-verthorz 添加垂直和水平间距声明。

  ¥postcss-verthorz adds vertical and horizontal spacing declarations.

• font-magician 生成 CSS 中所需的所有 @font-face 规则。

  ¥font-magician generates all the @font-face rules needed in CSS.

• postcss-animation PostCSS 插件，从 animate.css 添加 @keyframes。

  ¥postcss-animation PostCSS plugin that adds @keyframes from animate.css.

• postcss-magic-animations 添加来自 Magic Animations 的 @keyframes 的 PostCSS 插件。

  ¥postcss-magic-animations PostCSS plugin that adds @keyframes from Magic Animations.

其他的(Others)

¥Others

• [postcss-add-root-selector] 智能地将所有规则封装在自定义选择器中。

  ¥[postcss-add-root-selector] intelligently wraps all rules in a custom selector.

• postcss-alter-property-value 根据基于规则的配置更改 CSS 声明。

  ¥postcss-alter-property-value alters your CSS declarations from a rule based configuration.

• postcss-attribute-selector-prefix 为属性选择器添加前缀

  ¥postcss-attribute-selector-prefix adds a prefix to attribute selectors

• [postcss-auto-rem]将像素单元编译为 rem，无需配置。

  ¥[postcss-auto-rem] compiles pixel units to rem without configuration.

• postcss-autoreset 自动添加重置样式。

  ¥postcss-autoreset automatically adds reset styles.

• postcss-bem-to-js 为 BEM 样式的 CSS 创建 JavaScript 定义文件。

  ¥postcss-bem-to-js creates a JavaScript definition file for BEM-style CSS.

• postcss-bom 向文件添加 UTF-8 BOM。

  ¥postcss-bom adds a UTF-8 BOM to files.

• postcss-blurry-gradient-workaround 修复了带有过多明确终点的模糊 CSS 渐变。

  ¥postcss-blurry-gradient-workaround fixes blurry CSS gradients with too many explicit end-stops.

• postcss-camelcaser 将选择器转换为驼峰命名法。

  ¥postcss-camelcaser transforms selectors to CamelCase.

• postcss-class-prefix 向类选择器添加前缀/命名空间。

  ¥postcss-class-prefix adds a prefix/namespace to class selectors.

• postcss-classes-to-mixins 将类转换为 Sass、Less 和 Stylus mixins

  ¥postcss-classes-to-mixins converts classes to Sass, Less and Stylus mixins

• postcss-currency 用符号替换货币名称。

  ¥postcss-currency replaces name of currency with symbols.

• postcss-d-ts 从使用的 CSS 类和 id 生成 TypeScript import 的 .d.ts 声明

  ¥postcss-d-ts generates .d.ts declaration for TypeScript import from used CSS classes and ids

• postcss-eol 替换文件的 EOL。

  ¥postcss-eol replaces EOL of files.

• postcss-extract-value 从 css 属性中提取值并将它们放入变量中。

  ¥postcss-extract-value extracts values from css properties and puts them into variables.

• postcss-fakeid 将 #foo ID 转换为属性选择器 [id="foo"]。

  ¥postcss-fakeid transforms #foo IDs to attribute selectors [id="foo"].

• postcss-filter-stream 将你不想使用 PostCSS 插件处理的文件/文件夹列入黑名单。

  ¥postcss-filter-stream blacklist files / folders that you don’t want to process with a PostCSS plugin.

• postcss-flexbox 是理解和开始使用 C Flexbox 的简单方法。

  ¥postcss-flexbox easy way to understand and start using CSS3 Flexbox.

• postcss-flexbox-reset 重置 Flexbox 以避免响应式布局出现问题。

  ¥postcss-flexbox-reset resets Flexbox to avoid issues in responsive layouts.

• postcss-flexboxfixer 仅在旧版 CSS 中取消 -webkit- 的前缀 Flexbox。

  ¥postcss-flexboxfixer unprefixes -webkit- only flexbox in legacy CSS.

• postcss-flexbugs-fixes 修复了一些已知的 弹性盒错误。

  ¥postcss-flexbugs-fixes fixes some of known flexbox bugs.

• postcss-gradientfixer 仅取消旧 CSS 中 -webkit- 渐变的前缀。

  ¥postcss-gradientfixer unprefixes -webkit- only gradients in legacy CSS.

• postcss-grid-reset 重置 CSS 网格以避免响应式布局出现问题。

  ¥postcss-grid-reset resets CSS Grid to avoid issues in responsive layouts.

• postcss-hash 使用哈希算法替换输出文件名以进行缓存清除。

  ¥postcss-hash replaces output file names with hash algorithms for cache busting.

• postcss-ie8 删除了 IE8 不支持的属性和媒体查询。

  ¥postcss-ie8 strips out unsupported properties and media queries for IE8.

• postcss-increase-specificity 增加了选择器的特异性。

  ¥postcss-increase-specificity increases the specificity of your selectors.

• postcss-inline-rtl 将你的 CSS 转换为从右到左，但内联（仅添加你需要的内容）。

  ¥postcss-inline-rtl converts your CSS to right-to-left, but inline (adding just what you need).

• postcss-join-transitions 加入冲突的转换声明。

  ¥postcss-join-transitions joins conflicting transition declarations.

• postcss-letter-tracking 生成相对的、与 Photoshop 兼容的字母跟踪，以改善字母间距。

  ¥postcss-letter-tracking generates relative, Photoshop-compatible letter tracking for improved letter spacing.

• postcss-light-text 为浅色文本添加了 -webkit- 抗锯齿功能。

  ¥postcss-light-text adds -webkit- antialiasing for light text.

• postcss-modules 允许在任何地方使用 CSS 模块。

  ¥postcss-modules allows to use CSS Modules everywhere.

• postcss-momentum-scrolling 为 iOS 上溢出的元素添加动量样式滚动行为 (-webkit-overflow-scrolling:touch)。

  ¥postcss-momentum-scrolling adding momentum style scrolling behavior (-webkit-overflow-scrolling:touch) for elements with overflow on iOS.

• postcss-mq-keyframes 将媒体查询中的所有动画关键帧移动到文件末尾。

  ¥postcss-mq-keyframes moves any animation keyframes in media queries to the end of the file.

• postcss-mq-last 通过将媒体查询规则移动到文件末尾来赋予媒体查询规则优先权。

  ¥postcss-mq-last gives media query rules precedence by moving them to the end of the file.

• postcss-node-modules-replacer 替换包含 node_modules 到 ~ 的路径。

  ¥postcss-node-modules-replacer replaces path than includes node_modules to ~.

• postcss-plugin-namespace 为所有规则添加 CSS 选择器，以便 CSS 文件不会影响其他元素。

  ¥postcss-plugin-namespace add a css selector to all rules, so that CSS file don’t affect other element.

• postcss-prefix-hover 为任何包含 :hover 的选择器添加前缀。

  ¥postcss-prefix-hover adds a prefixed to any selector containing :hover.

• postcss-pseudo-content-insert 将 content: '' 添加到 :before 和 :after（如果缺失）。

  ¥postcss-pseudo-content-insert adds content: '' to :before and :after if it is missing.

• postcss-pseudo-element-cases 将 .style::BEFORE 转换为 .style::before，反之亦然。

  ¥postcss-pseudo-element-cases converts .style::BEFORE into .style::before and vice versa.

• postcss-pseudo-element-colons 将 .style:before 转换为 .style::before，反之亦然。

  ¥postcss-pseudo-element-colons converts .style:before into .style::before and vice versa.

• postcss-pseudo-elements-content 将 content: '' 添加到 :before-c 和 :after-c。

  ¥postcss-pseudo-elements-content adds content: '' to :before-c and :after-c.

• postcss-pxtorem 将像素单位转换为 rem。

  ¥postcss-pxtorem converts pixel units to rem.

• postcss-raw 保护 @raw at 规则内的节点不被其他插件触及。

  ¥postcss-raw protects nodes inside @raw at-rules from being touched by other plugins.

• postcss-remove-prefixes 删除浏览器前缀。

  ¥postcss-remove-prefixes removes vendor prefixes.

• postcss-rtlcss 在单个 CSS 文件中创建从左到右和从右到左的规则。

  ¥postcss-rtlcss creates left-to-right and right-to-left rules in a single CSS file.

• postcss-safe-important 将 !important 安全地添加到样式声明中。

  ¥postcss-safe-important adds !important to style declarations safely.

• postcss-sanitize 使用规则删除属性和值。

  ¥postcss-sanitize remove properties and values using rules.

• postcss-scopify 为每个选择器添加了用户输入范围。

  ¥postcss-scopify adds a user input scope to each selector.

• postcss-select 基于选择器列表选择规则。

  ¥postcss-select select rules based off a selector list.

• postcss-selector-prefixer 为 css 选择器添加了前缀。

  ¥postcss-selector-prefixer adds a prefix to css selectors.

• postcss-shorthand-expand 扩展了速记属性。

  ¥postcss-shorthand-expand expands shorthand properties.

• postcss-simple-trig 计算三角函数：正弦/余弦/正切。

  ¥postcss-simple-trig calculate trigonometric functions: sin/cos/tan.

• postcss-sorting 按指定顺序对规则内容进行排序。

  ¥postcss-sorting sort rules content with specified order.

• postcss-sort-media-queries 使用移动优先或桌面优先方法对 CSS 媒体查询进行组合和排序。

  ¥postcss-sort-media-queries combine and sort CSS media queries with mobile first or desktop first methods.

• postcss-style-guide 自动生成风格指南。

  ¥postcss-style-guide generates a style guide automatically.

• css-declaration-sorter 按一定顺序快速自动对 CSS 声明进行排序。

  ¥css-declaration-sorter sorts CSS declarations fast and automatically in a certain order.

• perfectionist 格式化写得不好的 CSS 并渲染“漂亮”的结果。

  ¥perfectionist formats poorly written CSS and renders a “pretty” result.

• rtlcss 镜像从右到左区域设置的样式。

  ¥rtlcss mirrors styles for right-to-left locales.

• stylefmt 现代 CSS 格式化程序，与 stylelint 配合良好。

  ¥stylefmt modern CSS formatter that works well with stylelint.

• postcss-autocorrect 更正拼写错误并在控制台中进行通知。

  ¥postcss-autocorrect corrects typos and notifies in the console.

• postcss-px-to-viewport 从 px 单元生成视口单元（vw、vh、vmin、vmax）。

  ¥postcss-px-to-viewport generates viewport units (vw, vh, vmin, vmax) from px units.

• postcss-viewport-height-correction 解决了 100vh 不适合移动浏览器屏幕的普遍问题。

  ¥postcss-viewport-height-correction solves the popular problem when 100vh doesn’t fit the mobile browser screen.

• postcss-unit-processor CSS 单元的灵活处理。

  ¥postcss-unit-processor flexible processing of CSS units.

• postcss-rem-to-px 将 rem 值转换为 px 值。

  ¥postcss-rem-to-px converts rem values to px values.

• postcss-design-tokens 提供了在 CSS 中检索以 JS 或 JSON 表示的设计令牌的功能。

  ¥postcss-design-tokens provides a function to retrieve design tokens expressed in JS or JSON, within CSS.

• postcss-pixel-to-remvw 将 px 转换为 rem 和 vw，也是其中之一

  ¥postcss-pixel-to-remvw converting px to both of rem and vw, also one of them

• postcss-easy-import 内联 @import 规则具有额外功能的内容。

  ¥postcss-easy-import inline @import rules content with extra features.

• postcss-plugin-ignore-file 忽略带有顶部注释 /* @ignore */ 的文件。

  ¥postcss-plugin-ignore-file ignore file with a top-comment /* @ignore */.

分析(Analysis)

¥Analysis

• postcss-bem-linter lint CSS 以符合 SUIT CSS 方法。

  ¥postcss-bem-linter lints CSS for conformance to SUIT CSS methodology.

• postcss-cssstats 返回一个带有 CSS 统计信息的对象。

  ¥postcss-cssstats returns an object with CSS statistics.

• postcss-regexp-detect 在 CSS 声明中搜索正则表达式。

  ¥postcss-regexp-detect search for regexp in CSS declarations.

• css2modernizr 创建一个 Modernizr 配置文件，仅需要你的 CSS 使用的测试。

  ¥css2modernizr creates a Modernizr config file that requires only the tests that your CSS uses.

• doiuse lints CSS 以支持浏览器，使用来自 Can I Use 的数据。

  ¥doiuse lints CSS for browser support, using data from Can I Use.

• immutable-css lint CSS 的类突变。

  ¥immutable-css lints CSS for class mutations.

• list-selectors 列出并分类 CSS 中使用的选择器，以供代码审查。

  ¥list-selectors lists and categorizes the selectors used in your CSS, for code review.

报告器(Reporters)

¥Reporters

• postcss-browser-reporter 在你的浏览器中显示来自其他插件的警告消息。

  ¥postcss-browser-reporter displays warning messages from other plugins right in your browser.

• 当指定的属性不使用变量时，postcss-forced-variables 会提供警告和错误。

  ¥postcss-forced-variables provides warnings and errors when specified properties don’t use variables.

• postcss-reporter 在控制台中记录来自其他插件的警告和其他消息。

  ¥postcss-reporter logs warnings and other messages from other plugins in the console.

乐趣(Fun)

¥Fun

• postcss-australian-stylesheets 澳大利亚样式表。

  ¥postcss-australian-stylesheets Australian Style Sheets.

• postcss-andalusian-stylesheets 安达卢西亚样式表。

  ¥postcss-andalusian-stylesheets Andalusian Style Sheets.

• postcss-aze-stylesheets 阿塞拜疆样式表。

  ¥postcss-aze-stylesheets Azerbaijanian Style Sheets.

• postcss-canadian-stylesheets 加拿大样式表。

  ¥postcss-canadian-stylesheets Canadian Style Sheets.

• postcss-chinese-stylesheets 中国样式表。

  ¥postcss-chinese-stylesheets Chinese Style Sheets.

• postcss-czech-stylesheets 捷克样式表。

  ¥postcss-czech-stylesheets Czech Style Sheets.

• postcss-german-stylesheets 德国样式表。

  ¥postcss-german-stylesheets German Style Sheets.

• postcss-italian-stylesheets 意大利样式表。

  ¥postcss-italian-stylesheets Italian Style Sheets.

• postcss-russian-stylesheets 俄罗斯样式表。

  ¥postcss-russian-stylesheets Russian Style Sheets.

• postcss-swedish-stylesheets 瑞典样式表。

  ¥postcss-swedish-stylesheets Swedish Style Sheets.

• postcss-tatar-stylesheets 鞑靼样式表

  ¥postcss-tatar-stylesheets Tatar Style Sheets

• postcss-trolling 拖钓样式表。

  ¥postcss-trolling Trolling Style Sheets.

• postcss-lolcat-stylesheets Lolspeak 样式表。

  ¥postcss-lolcat-stylesheets Lolspeak Style Sheets.

• postcss-imperial 添加了对英制和美国习惯长度单位的 CSS 支持。

  ¥postcss-imperial adds CSS support for Imperial and US customary units of length.

• postcss-russian-units 添加了对俄语长度单位的 CSS 支持。

  ¥postcss-russian-units adds CSS support for russian units of length.

• postcss-pointer 将 pointer: cursor 替换为 cursor: pointer。

  ¥postcss-pointer Replaces pointer: cursor with cursor: pointer.

• postcss-spiffing 允许你在 CSS 中使用英式英语。

  ¥postcss-spiffing lets you use British English in your CSS.

• postcss-spanish-stylesheets 西班牙样式表。

  ¥postcss-spanish-stylesheets Spanish Style Sheets.

• postcss-nope 让你可以写 nope 而不是 none。

  ¥postcss-nope lets you write nope instead of none.

• postcss-glitch 为你的文本添加故障效果。

  ¥postcss-glitch add glitch effect to your text.

• postcss-khaleesi 将 CSS 值和属性翻译为 khaleesi meme 语言。

  ¥postcss-khaleesi translate CSS values and properties to khaleesi meme language.