StyleBundle没有呈现所有文件

Question

我目前正在学习响应性设计，并遵循教程

我遇到的问题是教程要求我下载最新的Zurb库，将文件复制到CSS文件夹，并通过BundleConfig.cs文件引用CSS。

我做过这件事。我可以在css中看到3个文件(根据教程，foundation.css、foundation.min.css和normalize.css)。

但是，我似乎不需要第一个版本(因为我有.min版本)，他们要求我使用的代码是

bundles.Add(new StyleBundle("~/Content/Foundation/css").Include(
                    "~/Content/css/foundation.min.css",
                    "~/Content/css/normalize.css"));

我从我的_Layout文件引用这段代码

@Styles.Render("~/Content/Foundation/css")

我的问题是，网页没有按要求呈现。查看源代码将显示问题。

源代码只显示

<link href="/Content/css/normalize.css" rel="stylesheet"/>

它不是呈现foundation.min.css

因此，作为一个测试，我从我的@Styles.Render("~/Content/Foundation/css")文件中删除了_Layout，并编写了以下2行代码

<link rel="stylesheet" href="~/Content/css/foundation.min.css"/>
<link rel="stylesheet" href="~/Content/css/normalize.css"/>

该页现在按需要呈现。但是当我把它作为一个包加在一起时，我不知道为什么它不起作用.

这是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 ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            //bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
            //            "~/Scripts/jquery-ui-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*"));

            // Use the development version of Modernizr to develop with and learn from. Then, when you're
            // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));


            bundles.Add(new StyleBundle("~/Content/Foundation/css").Include(
                        "~/Content/css/foundation.min.css",
                        "~/Content/css/normalize.css"));

            bundles.Add(new ScriptBundle("~/bundles/foundation").Include(
                        "~/Scripts/foundation/foundation.js",
                        "~/Scripts/foundation/foundation.*"));
        }
    }

我做错什么了？

Answer 1

您应该在您的bundleconfig中使用这一点：

bundles.Add(new StyleBundle("~/Content/Foundation/css").Include(
                "~/Content/css/foundation.css",
                "~/Content/css/normalize.css"));

ASP.NET将自动看到有一个..min文件，当您没有处于调试模式时，它将接受..min文件，否则它将接受普通的..min文件