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

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

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

The @import CSS at-rule allows to import style rules from other style sheets. These rules must precede all other types of rules, except @charset rules; as it is not a nested statement, it cannot be used inside conditional group at-rules.

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

如果这是 Not Acceptable ，您将需要使用多个链接声明(这对用户来说可能更好)。