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

Question

是否可以阻止SASS合并@import中包含的文件？

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

Answer 1

docs for the @import rule says：

  

所有导入的SCSS和Sass文件将合并为一个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);