如何將自定義css文件添加到asp.net mvc？

Question

如何在asp.net mvc4項目中添加css文件。 我有3個CSS文件這樣

images/img.css 
content/con.css 
styles.css 

我加入bundleconfig.vb但它不工作。

bundles.Add(New StyleBundle("~/Content/css").Include("~/images/img.css")) 
bundles.Add(New StyleBundle("~/Content/css").Include("~/content/con.css")) 
bundles.Add(New StyleBundle("~/Content/css").Include("~/styles.css")) 

鑑於頁面

<%: Styles.Render("~/Content/css") %> 
<%: Scripts.Render("~/bundles/modernizr") %> 

Answer 1

試試這個：

bundles.Add(New StyleBundle("~/AllStyles").IncludeDirectory("~/images","img.css")_ 
         .IncludeDirectory("~/content","con.css")_ 
         .Include("~/styles.css")) 

在您的視圖：

<%: Styles.Render("~/AllStyles") %> 

或

bundles.Add(New StyleBundle("~/bundles/img").Include("~/images/img.css")) 
bundles.Add(New StyleBundle("~/bundles/content").Include("~/content/con.css")) 
bundles.Add(New StyleBundle("~/bundles/style").Include("~/styles.css")) 

在您的視圖：

<%: Styles.Render("~/bundles/img","~/bundles/content","~/bundles/style") %> 

並提醒你必須增加在Global.asax.vb文件這個BundleConfig.RegisterBundles(BundleTable.Bundles);

Answer 2

正確的方式包括多個CSS/JS到一個單一的包：

bundles.Add(New StyleBundle("~/Content/css").Include(
    "~/images/img.css", 
    "~/content/con.css", 
    "~/styles.css")) 

你的產地代碼沒有被註冊3束覆蓋彼此和畢竟只有1個CSS被包括在內。

Answer 3

是的，您必須在應用程序中註冊捆綁包。

（這是C＃，但非常類似的代碼VB）

的Global.asax.cs：

 protected void Application_Start() 
     { 

     AreaRegistration.RegisterAllAreas(); 

      // Register the bundles 
      BundleConfig.RegisterBundles(BundleTable.Bundles); 
     } 

BundleConfig.cs：

public class BundleConfig 
{ 
    // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725 
    public static void RegisterBundles(BundleCollection bundles) 
    { 
     bundles.Add(new StyleBundle("~bundles/someCss").Include(
        "~/css/myothercssfile.css*", 
        "~/css/mycss.css*" 
        ));    
    } 

而這種代碼在您的視圖：

<%: Styles.Render("~/bundles/someCss") %>