如何防止SASS合并通过@import包含的文件？

Question

是否可以防止SASS合并通过@import包含的文件？

对于开发，我想维护原始CSS的参考（在我的设置从SASS编译已经）。

Answer 1

的docs for the @import rule says说：

所有进口SCSS和萨斯文件将被合并为一个单一的CSS输出文件。

并解释说，有一些情况下才会编译成CSS @import规则：

• 如果该文件的扩展名是.css。
• 如果文件名以http://开头。
• 如果文件名是url()。
• 如果@import有任何媒体查询。

以下规则将告诉SASS合并进口文件：

@import "foo.scss"; 
@import "foo"; 

以下规则将告诉SASS给不合并进口文件：

@import "foo.css"; 
@import "foo" screen; 
@import "http://foo.com/bar"; 
@import url(foo);