如何使用 React 应用程序在 index.scss 文件中添加 normalize.css

Question

目前，我正在使用 scss 和 create-react-app。我遇到了问题，包括规范化到主文件 index.scss。

应该喜欢：index.css；

@import-normalize; /* bring in normalize.css styles */

/* rest of app styles */

@import-normalize; 不适用于 scss。

有什么建议吗？谢谢！！！

Answer 1

@import-normalize; 不是在 scss.

中专门定义的东西

您可以通过使用@import 在 scss 中包含 css 文件来坚持基本操作。

@import "../pathTo/normalise.css";

更好的方法是将 normalise.css 重命名为 _normalise.scss 并简单地包含它：

@import "../pathTo/normalise";

PS：以_开头的scss个文件称为partials，不单独创建“normalise.css”时所有 scss 文件都已编译。