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") %>

并提醒您必须在此BundleConfig.RegisterBundles(BundleTable.Bundles);

中添加Global.asax.vb文件

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") %>

如何将自定义css文件添加到asp.net mvc？

3 个答案: