一个站点可以有多个 SCSS 文件吗[基础]答案

【问题标题】：Can you have multiple SCSS files for a site [foundation]一个站点可以有多个 SCSS 文件吗[基础]
【发布时间】：2018-04-01 06:51:33
【问题描述】：

我很好奇如何在基础中创建多个 SCSS 文件。我正在导入一个网站作为我网站上的演示，如果我将它保存在一个文件中，css 将是巨大的。

你们甚至建议我使用单独的 SCSS 文件，所以我应该将所有内容保存在一个文件或多个文件中。再次感谢您通过这个问题向我展示。

【问题讨论】：

【解决方案1】：

您必须将您的 SCSS 分隔在多个文件中，这样更易于阅读。您可以使用多个文件夹（布局、组件、帮助程序、插件、变量）进行组织，最后编译到一个 CSS 文件中。

了解 SMACSS 并挖掘基础 SCSS 源代码以了解其工作原理。

【讨论】：

【解决方案2】：

你当然可以！

您只需将 @import <pathToFile> 放入您的 scss 中！此功能的文档在这里：http://sass-lang.com/guide#topic-5

我会推荐它吗？我当然会，它使您的样式保持可读性和简短性。没有什么比找到一个名为 _buttons.scss 的文件来查找按钮样式更容易的了 =)

【讨论】：

【解决方案3】：

是的，您可以拥有多个 SCSS 文件——我当然假设您是指非部分 SCSS 文件（它们不以下划线开头）

最近我在一个网站上做了一些工作，该网站有 2 个主要的 SCSS 文件和一些较小的文件。

critical.scss 是使页面正确加载所需的定义 --- 这些是网站基本布局正常工作所需的东西，并且没有 Flash 的无样式内容 - 这些被注入到页面中<style> 标签。
main.scss 是负责在整个站点中随机使用的组件的 SCSS 文件，但对于页面的外观和感觉的正确性不一定至关重要。
其他样式是一次性使用，特定于页面或仅包含在移动设备上。

真的，这取决于你在做什么，以及你想要做什么。

【讨论】：