将自定义样式表导入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文件存储在样式文件夹中？ -为此，您必须制作两个文件夹，一个是css，另一个是sass（更好的方法）

2。如果我想将所有这些都导入到app.scss中，该如何做呢？  “ @import'重置'；”无需scss扩展

如果您正在从事大型项目，那么我建议您更好地遵循此结构。

内部sass或scss文件夹为不同的工作（如供应商，模块，粒子等）（如modules / _colors.scss）制作子文件夹，并遵循以下结构

//模块和变量

@import“ partials / base”;  @import“ partials / buttons”;

我希望这会有所帮助。