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 文件的顶部。

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang

抖音号

抖音号: axihe

Anbang