Question

我们需要将@import放在CSS文件的末尾。例如：

SCSS：

@import "reset.css";
Body {
   font: 0.8em arial;
}
@import "customation.css"

编译为：

@import "reset.css";body{font: 0.8em arial;}@import "customation.css"

但是在编译之后它改变了@import命令，CSS文件就是这样：

@import "reset.css";@import "customation.css";body{font: 0.8em arial;}

对于我们来说，最后保留@importing custom.css文件以进行自定义非常重要。我们无法手动将@import放到CSS文件中，因为SCSS文件将被更改并且CSS文件将被重写。有什么建议吗？

Answer 1

您是否因任何特殊原因使用@import？有性能影响，不再有主要用例。

如果你使用Sass的@import来连接文件会更好，这也可以让你按照你想要的顺序导入并依赖级联。

@import "reset";

Body {
  font: 0.8em arial;
}

@import "customation";

Answer 2

你不能。 Sass非常聪明，知道@import声明必须位于文件的开头，因此它会重写它以使您有效。

@import CSS at-rule允许从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则，但@charset规则除外;因为它不是嵌套语句，所以不能在条件组at-rules中使用。

如果这是不可接受的，您需要使用多个链接声明（无论如何对用户来说可能更好）。