css - 将自定义样式表导入 create-react-app 的 app.scss

Question

我不熟悉使用 app.scss 为新的 create-react-app 设置样式，想了解以下内容:

1. 我应该将所有 .scss 和 .css 文件存储在样式文件夹中吗？
2. 如果我想将它们全部导入到 app.scss 中，我该怎么做去做那个？

我注意到 app.scss 做了这些:

1. @import '~bootstrap/scss/bootstrap'
2. $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'

当我尝试这样做时:@import './myStyles.css' 它没有被拾取。我不确定发生了什么。

我坚持将它放在 app.scss 文件中的原因是因为我创建了一个切换开关，允许我在深色和浅色主题之间切换。但是，我无法将自定义主题添加到现有主题。

希望我的问题很清楚

Answer 1

这里是您查询的回复-

1.我应该把所有的.scss 和.css 文件都放在style 文件夹里吗？ - 为此你必须创建两个文件夹，一个是 css 另一个是 sass(更好的方法)

2.如果我想将它们全部导入 app.scss，我该怎么做？- “@导入‘重置’；”不需要 scss 扩展

如果您正在从事大型元素，那么我建议您最好遵循这种结构。

在 sass 或 scss 文件夹中为不同的作品创建子文件夹，如 vendor、module、particles 等。如 modules/_colors.scss 并遵循以下结构

//模块和变量

@import“部分/基础”； @import "部分/按钮";

希望对您有所帮助。