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 文件将被重写。有什么建议吗？

score 3 · Accepted Answer

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

如果您使用 Sass 的 @import 来连接文件会更好，这也将允许您按您想要的顺序导入并依赖级联。

@import "reset";

Body {
  font: 0.8em arial;
}

@import "customation";

score 3 · Accepted Answer

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

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

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

2 回答 2