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

是否可以阻止SASS合并通过

@import

包含的文件

为了便于开发，我希望保留原始CSS的引用（在我的设置中，已从SASS编译而来）。

所有导入的SCSS和Sass文件将合并到一个CSS输出文件中

并解释在某些情况下它将编译为CSS@import规则：

• 如果文件的扩展名是

  .css

• 如果文件名以http://开头
• 如果文件名是

  url（）

• 如果

  @import

  有任何媒体查询

以下规则将告诉SASS合并导入的文件：

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

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

以下规则将告诉SASS不要合并导入的文件：

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

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

---

如果这纯粹是为了开发/调试，为什么不启用行注释来显示每个选择器的来源呢？感兴趣的文章这可能就是为什么

@import

的行为方式与Sass:Thx中的链接方式相同的原因！行注释是什么意思？我自己从来没有使用过这些配置选项，但它们都记录在这里：。谢谢！我以前试过，但似乎PhpStorm中的SASS观察者造成了真正的混乱。只要再试一次就把一切都破坏了。孩子们，不要在家里这样做！