Visual Studio 2012条件付きバンドル

Question

私はちょうどVS 2012 RCで作業を始めました。マスターページと単一のWebフォームを使ってテストサイトを作成しました。現在、私は、サイト上で全体Stylesフォルダをバンドルするためにこのコードを使用しています：

Global.asaxの

BundleTable.Bundles.EnableDefaultBundles(); 

Site.master

<link rel="stylesheet" type="text/css" href="Styles/css" /> 

質問：テストサイトには、サイト全体の外観を制御するサイトレベルのCSSファイルがあります。サイトレベルのCSSに加えて、各ページはに独自のCSS定義を持つことができます。マスターページにsite.cssファイルのみを含めることは可能ですか？各ページに必要なときに条件付きで.cssファイルをバンドルに追加できますか？

私はDefault.aspxの背後にあるコードでこれを試してみましたが、それはうまくいきませんでした：

BundleTable.Bundles.Add(new Bundle("~/Styles/Default.css")); 

Answer 1

私の提案：

後藤Global.asaxを。次のように

protected void Application_Start() 
{ 
    ... 
    BundleConfig.RegisterBundles(BundleTable.Bundles); 
} 

ができれフォルダApp_Startで、クラスBundleConfigを検索または作成します：

public class BundleConfig 
{ 
    public static void RegisterBundles(BundleCollection bundles) 
    { 
     ... 

     bundles.Add(new StyleBundle("~page1").Include(
      "~/Styles/site.css", 
      "~/Styles/page1.css")); 

     bundles.Add(new StyleBundle("~page2").Include(
      "~/Styles/site.css", 
      "~/Styles/page2.css")); 

     ... 

     bundles.Add(new StyleBundle("~pageN").Include(
      "~/Styles/site.css", 
      "~/Styles/pageN.css")); 

    } 
} 

は今、すべての該当するページに対応するバンドルを使用します。

<link rel="stylesheet" type="text/css" href="Styles/page1" /> 

を Application_Startは、次の行が含まれている方法を確認してください

コードより：

@Styles.Render("~/Styles/page1") 

（これはcshtmlですが、aspxの構文は確かに非常に似ています）。

ページごとに別々のバンドルが必要です。 1つのバンドルと同じバンドルをオンザフライで変更しないでください。バンドルには仮想URLがあります。あなたの例では、ちょうどcssです。これらはブラウザによってキャッシュされるため、天気に関係なく、バンドルの内容を変更しても、ブラウザはこれが同じだと思うかもしれませんし、再フェッチしません。

---

あなたは上記の方法に手動で一人ひとりのページを追加する方法について世話をしたくない場合。あなたはそれを自動化することができます。次のコードは、あなたのアイデアを与えることができる方法：

public class MyStyleHelper 
{ 
    public static string RenderPageSpecificStyle(string pagePath) 
    { 
     var pageName = GetPageName(pagePath); 
     string bundleName = EnsureBundle(pageName); 
     return bundleName; 
    } 

    public static string GetPageName(string pagePath) 
    { 
     string pageFileName = pagePath.Substring(pagePath.LastIndexOf('/')); 
     string pageNameWithoutExtension = Path.GetFileNameWithoutExtension(pageFileName); 
     return pageNameWithoutExtension; 
    } 

    public static string EnsureBundle(string pageName) 
    { 
     var bundleName = "~/styles/" + pageName; 
     var bundle = BundleTable.Bundles.GetBundleFor(bundleName); 
     if (bundle == null) 
     { 
      bundle = new StyleBundle(bundleName).Include(
       "~/styles/site.css", 
       "~/styles/" + pageName + ".css"); 
      BundleTable.Bundles.Add(bundle); 
     } 
     return bundleName; 
    } 
} 

使用法：あなたが唯一のマスターでsite.cssし、ページのCSSファイルをロードしている場合は、なぜあなたは

<link rel="stylesheet" type="text/css" href="<%: MyStyleHelper.RenderPageSpecificStyle(Page.AppRelativeVirtualPath) %>" />