我应该将我的 SASS 输出（多个文件）合并到一个文件中吗？如果是这样，如何？

Question

我曾经有一个 scss 文件，并将其转换为一个 css 文件并在我的 html 中使用它。我现在想重新安排我的东西，并使用多个SCSS文件，分割成main.scss，buttons.scss等

但是，如果我是正确的，那么输出也将在多个.css文件中，即我不能告诉 SASS 将它们全部合并为一个文件。

我如何最好地将这些多个文件包含到我的 html 中？有没有办法再次组合所有这些并拥有一个.css文件，或者我应该根据需要将它们作为单独的文件加载到我的不同页面中？

如果最后最好使用单个文件（我想是这样），我可以告诉 SASS 将我的.scss文件合并为一个.css文件，还是为此使用不同的工具？

Answer 1

查看名为“Partials”的文件。你会像这样命名你的文件

_buttons.scss
_lists.scss

然后创建一个 main.scss 文件（随意命名）。进入

@import buttons
@import lists

然后将您的 main.scss 文件转换为 css。您将拥有一个 css 文件。您可以在 SASS 网站上阅读此内容

如果您使用 SMACSS 或其他方法，您将在每个目录中执行此操作。例如布局目录

Layout
_buttons.scss
_list.scss
_layout-dir.scss

在 layout-dir 文件中，您将导入布局目录中的所有文件，然后在 main.scss 文件中，您将只导入每个目录文件

@import layout/layout-dir
@import basics/base-dir

等等

您的变量和 mixins 文件也将导入 main.scss 文件，首先包含它们，以便所有内容都可以访问它们