时间戳

首页 > 解决方案 > 如何通过 CRA 使用不同的 CSS 重置样式表？

javascript - 如何通过 CRA 使用不同的 CSS 重置样式表？

问题描述

create-react-app关于添加 css reset有一节。

据我了解，CRA 包含PostCSS Normalize作为依赖项，您需要做的就是创建一个 css 文件并添加@import-normalize;到其中，您将拥有normalize.css. （顺便说一句，我的编辑器给了我“Unknown CSS at-rule”这个@import-normalize）。

我想要的是重置，其中包括将边距body设为零。我什至无法通过查看我的应用程序来判断是否正在应用重置。我只是想确保：此设置实际上并未包含在按照normalize.css说明包含的内容中？

另外，我在哪里可以找到什么@import-normalize意思的解释？我以前没有见过这种语法。

最后，有没有办法通过 CRA 使用不同的重置文件，或者我应该安装另一个并像往常一样导入它？

标签： javascriptreactjscreate-react-app

解决方案

这是 normalize.css http://nicolasgallagher.com/about-normalize-css/的一些背景知识

使用 CRA，您可以使用任何您喜欢的方法规范化/重置 CSS。您只需要创建一个样式表，其中包含重置/规范化的 CSS 规则并将其导入 App。IEimport './myCustomReset.css

或者您也可以将重置的 CSS 文件添加到公用文件夹，并将其作为链接标签添加到您的 index.html。IE<link rel="stylesheet" href="./customResetStyles.css">

每当我需要重置样式而不是仅仅规范化时，我倾向于使用https://gist.github.com/DavidWells/18e73022e723037a50d6 。

推荐阅读