css - SASS が @import 経由で含まれるファイルをマージしないようにするにはどうすればよいですか?

Question

SASS が を介して含まれるファイルをマージするのを防ぐことは可能@importですか?

開発のために、元の CSS の参照を維持したいと思います (既に SASS からコンパイルされたセットアップで)。

Answer 1

ルールのドキュメントには、@import次のように書かれています。

インポートされたすべての SCSS および Sass ファイルは、1 つの CSS 出力ファイルにマージされます。

また、CSS @import ルールにコンパイルされる状況がいくつかあることを説明します。

• ファイルの拡張子が.css.
• ファイル名がhttp://.
• ファイル名がurl().
• @importにメディア クエリがある場合。

次のルールは、インポートされたファイルをマージするように SASS に指示します。

@import "foo.scss";
@import "foo";

次のルールは、インポートされたファイルをマージしないように SASS に指示します。

@import "foo.css";
@import "foo" screen;
@import "http://foo.com/bar";
@import url(foo);