使用 SCSS 7-1 架构将字体放在哪里？

Question

我目前正在使用 https://sass-guidelin.es/#architecture 中建议的 7-1 架构重组我的项目。

现在，我正在我的项目中使用 flaticons。 flaticon提供的文件夹和scss文件应该放到结构的什么位置，导入到什么地方？

Answer 1

7-1 pattern 列出了以下子目录以及 main.scss：

./
  base/
  components/
  layout/
  pages/
  themes/
  abstracts/
  vendors/
  main.scss

vendors 文件夹 用于外部 libraries/frameworks 的 SCSS，例如 _flaticons.scss

如果 flaticons 是一个包含很多东西的目录而不是一个文件，那么您可以将整个 flaticons 目录放在供应商的文件夹中。

在main.scss中sass-根目录中：@import 'vendors/flaticons';

或以下内容（如果您的内容在目录中）：@import 'vendors/flaticons-directory/flaticons-main-file'

注意 main.scss 中导入的顺序，因为可以在一个文件中定义通用变量和 mixins，并在其他文件中引用它们，因此定义它们的文件必须在导入之前导入使用它们的文件。

此外，SASS 将按照它们被导入的相同顺序编译为 CSS 规则，因此正常的继承/级联将适用于已编译的 CSS 规则。

Where to put fonts using SCSS 7-1 architecture?