バンドルとは、書式設定なしでいくつかのJavaScriptファイルまたはスタイルシートファイル(圧縮とも呼ばれます)を単一のファイルに圧縮して、ページをロードするための帯域幅と要求の数を保存することです。
例として、独自のバンドルを作成できます。
bundles.Add(New ScriptBundle("~/bundles/mybundle").Include(
"~/Resources/Core/Javascripts/jquery-1.7.1.min.js",
"~/Resources/Core/Javascripts/jquery-ui-1.8.16.min.js",
"~/Resources/Core/Javascripts/jquery.validate.min.js",
"~/Resources/Core/Javascripts/jquery.validate.unobtrusive.min.js",
"~/Resources/Core/Javascripts/jquery.unobtrusive-ajax.min.js",
"~/Resources/Core/Javascripts/jquery-ui-timepicker-addon.js"))
次のようにレンダリングします。
@Scripts.Render("~/bundles/mybundle")
もう一つの利点@Scripts.Render("~/bundles/mybundle")
ネイティブオーバー<script src="~/bundles/mybundle" />
IS @Scripts.Render()
尊重するweb.config
デバッグ設定を:
<system.web>
<compilation debug="true|false" />
その場合debug="true"
は、縮小せずに、ソーススクリプトごとに個別のスクリプトタグをレンダリングします。
スタイルシートの場合、StyleBundleと@ Styles.Render()を使用する必要があります。
各スクリプトまたはスタイルを単一のリクエスト(スクリプトまたはリンクタグを使用)でロードする代わりに、すべてのファイルが単一のJavaScriptまたはスタイルシートファイルに圧縮され、一緒にロードされます。