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

Question

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

你们甚至建议我使用单独的SCSS文件，所以我应该把所有东西放在一个文件或多个文件上。再次感谢您通过这个问题与我联系。

Answer 1

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

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

1. critical.scss是使页面正确加载所需的定义 - 这些是网站基本布局工作所需要的东西，而不是没有Flash的Unstyled Content - 这些被注入到页面中一个<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资源，了解其工作原理。