使用 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

---

外部库/框架 scss 的放置位置

vendors 文件夹 用于外部库/框架的 SCSS，例如 _flaticons.scss

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

---

导入

在 sass-root 目录的 ma​​in.scss 中：@import 'vendors/flaticons';

如果您的资料在目录中，则为以下内容：@import 'vendors/flaticons-directory/flaticons-main-file'

---

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

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