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

我们需要把@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 the custom.css文件最后用于我们的定制。我们不能把@import手动更改 CSS 文件，因为 SCSS 文件将被更改并且 CSS 文件将被重写。 有什么建议吗？

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

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

https://developer.mozilla.org/en-US/docs/Web/CSS/@import

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