BundleConfig.csの設定および記述方法について

（図１１２）バンドルなし

（図１１３）バンドルあり

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Optimization;
 
namespace BookLibrarySystem
{
  public class BundleConfig
  {
    public static void RegisterBundles(BundleCollection bundles)
    {
      //# css(カスタムcss、bootstrap)を「~/Content/css」に紐づけ
      bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/Site.css",
            "~/Content/bootstrap-pulse.css"));
 
      //# modernizr(ユーザのブラウザ機能検知)を「~/Scripts/modernizr-*」に紐づけ
      bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
            "~/Scripts/modernizr-*"));
 
      //# jQueryを「~/bundles/jquery」に紐づけ
      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
            "~/Scripts/jquery-{version}.js"));
 
      //# bootstrap.jsを「~/bundles/bootstrap」に紐づけ
      bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
           "~/Scripts/bootstrap.js"));
    }
  }
}

Add(【Bundle型のオブジェクト】)

//# JavaScriptの場合
ScriptBundle(【String型の仮想パス】)
//# cssの場合
StyleBundle(【String型の仮想パス】)

Include(【String[]型の配列】)

public static void RegisterBundles(BundleCollection bundles)
{
Bundle test = new StyleBundle("~/Content/css").Include("~/Content/bootstrap.css","~/Content/bootstrap_pulse.css");
bundles.Add(test);
//～中略～
}

//# ワイルドカード例①
jquery-{version}.js
//# ヒットする結果例①
jquery-3.4.1.js
jquery-3.4.2.min.js
//# 以下も同様の意味になります
jquery-*.js

 
＞目次にもどる