ASP.NET MVC4 jsとcssを1つのルールにまとめてバンドルを作成する方法は？

Question

私は4人のJSと1つのCSSを持ってSUPERFISHのjQueryプラグイン、持っている：

<script src="~/Scripts/JQ_Addons/SuperFish/jquery.bgiframe.min.js"></script> 
<script src="~/Scripts/JQ_Addons/SuperFish/hoverIntent.js"></script> 
<script src="~/Scripts/JQ_Addons/SuperFish/supersubs.js"></script> 
<script src="~/Scripts/JQ_Addons/SuperFish/superfish.js"></script> 
<link href="~/Scripts/JQ_Addons/SuperFish/superfish.css" rel="stylesheet" /> 

を、私はこのすべてのための1つのバンドルを作成したいが、私はbundles.Add（）を呼び出すとき、それは一つだけを追加することができます束の種類は、ScriptBundleまたはStyleBundleです。

@Styles.Render or @Script.Render 

だから、私の質問は次のとおりです：それは両方のJSとCSSとのバンドルは1つのだけルールを作成することは可能です

bundles.Add(new ScriptBundle("~/bundles/superfish").Include(
      "~/Scripts/JQ_Addons/SuperFish/jquery.bgiframe.min.js", 
      "~/Scripts/JQ_Addons/SuperFish/hoverIntent.js", 
      "~/Scripts/JQ_Addons/SuperFish/supersubs.js", 
      "~/Scripts/JQ_Addons/SuperFish/superfish.js")); // I can not add css here 

とビューで

、私は、バンドルのいずれかのタイプをレンダリングするために選択することができます含まれている？私の見解では、次のようなものが欲しい：

@Bundles.Render("~/bundles/superfish") 

Answer 1

ブラウザがこれらのファイルをどのように扱うかとは関係ない主な理由。

• スタイルシートを取得するには、htmlタグは、スクリプトを取得するには<link>
• で、htmlタグは<script>

あるhtmlタグは、ファイルの内容が何であるかをブラウザに伝えます。

MVCサーバー側のコードでは、バンドルを使用する主な理由は、スクリプトとリンクファイルを1つのファイルに結合することです。その後、それらを最小化する。バンドリングは、ファイルのタイプに基づいて異なる最小化関数を使用します。スクリプトとcssを1つのファイルにまとめると、バンドルコードは結果として得られるファイルを適切に最小化しません。