SCSS 编译后将 @import 保留在 CSS 的末尾

Question

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

社会保障：

@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

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

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

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