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

Question

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

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

Answer 1

该规则的文档@import说：

所有导入的 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);