你可以有一个网站的多个SCSS文件[基础]

Question

我很好奇如何在基础中创建多个SCSS文件。我正在导入一个网站作为我网站上的演示，如果我将它保存在一个文件中，那么css将会变得非常怪异。

此外，你们甚至建议我使用单独的SCSS文件，所以我应该只保留一个文件或多个文件的一切。通过这个问题，再次感谢我的支持。

Answer 1

是的，你可以有多个SCSS文件 - 我假定你当然是指非部分SCSS文件（不以下划线开始）

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

1. critical.scss被定义来正确地使页面载入---这些都是需要在网站工作的基本布局的东西，没有无样式内容的闪光 - 这些被注入<style>标记中的页面。
2. main.scss是负责在整个网站中随机使用的组件的SCSS文件，但对于页面的外观和感觉是正确的并不一定非常关键。
3. 其他样式是一次性使用，特定于一个页面或仅包含在手机上。

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

Answer 2

你当然可以！

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

至于我会推荐它？我肯定会，它会让你的风格变得可读性和简洁性。找到一个名为_buttons.scss的文件来找到按钮样式并不比简单=）

Answer 3

您必须将多个文件中的SCSS分隔开来，它更易于阅读。您可以组织多个文件夹（布局，组件，帮助器，插件，变量），并在最后编译您在一个CSS文件中编译。

查看SMACSS并挖掘基础SCSS资源以了解其工作原理。