html - 如何在检查时避免 SCSS 样式重复 - React JS

Question

我目前正在做一个React项目。我在整个应用程序中都使用scss mixins。

问题是，当我尝试检查我的应用程序时，我看到了很多样式重复。我假设这是因为我在我的应用程序中的许多文件上导入了全局混合。如果是这样，我怎样才能避免这种样式重复，因为我担心这可能会影响我的应用程序的性能？

任何帮助将不胜感激。

图片 ：

标签： htmlcssreactjssassscss-mixins

Answer 1

如果您在 scss 文件中为 html 和 body 定义了样式，则只需在根组件中导入 scss 文件。发生这种情况是因为每次向 html 和 body 添加样式时，您可能会在多个组件中拥有导入的 scss 文件。