@importを使用していてもバンドルするCSS

私はC＃とAsp.Net MVCでアプリケーションを開発しています。@importを使用していてもバンドルするCSS

@import url('base.css');

その後、私は、それらを最小限に抑えるために、私のcssファイルをバンドル：：私はその後、として@importルールを使用して他のCSSファイルにインポートbase.cssと呼ばれるさまざまなCSSファイル1を持っている

bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/bootstrap.css", 
        "~/Content/site.css")); 
        ... more css files

だから私の質問です私は別のCSSにそれをインポートしている場合でもbase.cssをバンドルする必要がありますか？なぜなら、もし私がそれを鳴らしていなければ、スタイリングは必要に応じて機能しないからです。

2016-09-07 Izzy

これはおそらくあなたが聞きたい答えではありませんが、なぜあなたのバンドルに 'base.css'を含めないのですか？インポートはページ速度の問題を引き起こすことが知られています。一旦バンドルされると '@ import'を取り除くことができます –

@AshleyMedwayそれはおそらく私が行かないルートですが、なぜ動作しないのだろうと思っていましたし、' @krillgar'からの答えは意味があります – Izzy

そうです基本的に答え、私はあなたのバンドルと同じ場所（バーチャル）にあなたのインポートファイルを持っていることによって、または絶対URLを使用して "仕事"にそれを得ることができることを追加したい –

MVC Bundlerは、潜在的に異なる場所（バンドル名のフルパスを参照）に完全に新しいファイルを作成するため、これらのimportステートメントの位置が不正確になりました。

代わりに、別のCSSファイル（または、_Layoutページにimportステートメントのみを含む静的宣言）を作成し、バンドルの外側に含めることができます。

2016-09-07 11:44:09 krillgar

答えて