sass - SCSS コンパイル後に @import を CSS の最後に保持する

Question

@importCSS ファイルの最後に配置する必要があります。例えば：

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することは非常に重要です。SCSSファイルが変更され、CSSファイルが書き換えられるため、手動でCSSファイルcustom.cssに入れることはできません。@importなにか提案を？

Answer 1

特定の理由で @import を使用していますか? パフォーマンスへの影響があり、主要なユースケースはもうありません。

代わりに Sass の @import を使用してファイルを連結した方がよいでしょう。これにより、必要な順序でインポートしてカスケードに依存することもできます。

@import "reset";

Body {
  font: 0.8em arial;
}

@import "customation";