Edit

PostCSS（后处理 CSS）

Create React App 会压缩你的 CSS 并通过 Autoprefixer 自动添加浏览器前缀，因此你无需担心它。

支持全新CSS 特性，all 属性, break 属性, 自定义属性, and 媒体查询范围 会自动进行 polyfill，以添加对旧版浏览器的支持。

你可以根据 Browserslist 规范 调整 package.json 中的 browserslist 来自定义目标支持浏览器。

例如，这个样式：

.App {
  display: flex;
  flex-direction: row;
  align-items: center;
}

将变成:

.App {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

如果由于某种原因需要禁用 Autoprefixer，请 按照本节进行操作 。

默认情况下 禁用了 CSS Grid(网格) 布局 前缀，但不会删除手动前缀。 如果你想选择加入 CSS Grid(网格) 前缀，请先 熟悉一下它的局限性。
要启用 CSS Grid(网格) 前缀，请将 /* autoprefixer grid: on */ 添加到 CSS 文件的顶部。

← PreviousNext →