create-react-app Post-Processing（后处理 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 文件的顶部。