包含单独 Sass 文件的语法？

Posted 2023-03-06

【中文标题】包含单独 Sass 文件的语法？

【英文标题】：Syntax to include separate Sass file?

【发布时间】：2011-12-25 01:25:54

【问题描述】：

我无法确认此语法是否为最佳做法。我想引用一个外部 Sass 文件并将其添加到我的最终 CSS 文件中，这样我的 Sass 表看起来更干净，而且我仍然只发出一个 HTTP 请求。

例如，将“规范化”代码放入 .sass 文件中，然后在我的 sass 表中简单地引用它：

@import src/normalize
@import src/droidSans

rest of code here.....

到目前为止它运行良好，但如果我朝着正确的方向前进，我找不到任何具体的东西。另外我暂时只是制作静态模板……暂时不使用 Rails。

我已经和 Sass 玩了几个小时了，我喜欢它！！！

【问题讨论】：

在文档sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html 中阅读有关@import 的更多信息

感谢您的链接，我将不得不在周末深入研究！

【参考方案1】：

为了防止您的部分文件被转换成它自己的 css 文件，请在文件名前加上下划线 _normalize.scss。然后你可以按照你已经在做的方式导入它：

@import "normalize";

或者一次导入多个文件：

@import "normalize", "droidSans";

或者从相对目录导入：

@import "folder/file"

注意双引号和分号的使用；我正在使用 SCSS 语法，它是 SASS 词的后来发展。虽然这两种风格都有效，但您可能会发现自己更喜欢其中一种，具体取决于您涉足的其他语言。

可以在the documentation中的Directives/Partials下找到更多阅读内容。

【讨论】：

哇，谢谢！我只是假设我必须忍受正在生成的额外文件......还有更多要阅读=D

@SkinnyGeek1010 很高兴我能提供帮助。 SASS 是 CSS 应有的一切，你完全有权喜欢它 ;)