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

【问题标题】：How to add custom css files to asp.net mvc?如何将自定义 css 文件添加到 asp.net mvc？
【发布时间】：2014-06-03 06:20:20
【问题描述】：

如何在 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") %>

【问题讨论】：

标签： asp.net-mvc vb.net asp.net-mvc-4

【解决方案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);

【讨论】：

第一次这样做...指导您的解决方案...真棒 + 1

【解决方案2】：

将多个 css/js 包含到单个包中的正确方法：

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

您的原始代码所做的是注册 3 个相互覆盖的捆绑包，毕竟只包含 1 个 css。

【讨论】：

【解决方案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") %>

【讨论】：

应该是 Global.asax.vb。