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。确保方法Application_Start包含以下行：

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

找到或创造BundleConfig类，如下所示，preferrably文件夹App_Start：

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" /> 

或更好的代码：

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

（这是cshtml，但aspx语法肯定非常相似）。

请注意，每个页面必须有单独的包。您不应该即时修改同一个包。捆绑包有虚拟的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; 
    } 
} 

用法：

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