MVC App 上的 CSS 更改不起作用

Question

我使用 VS Express for web 创建了一个 MVC 应用程序。它只会使用 VS Express 自带的默认内置 CSS 文件。
示例:如果我修改 bootstrap.css 文件(更改 jumbotron 颜色)，并从 VS 在本地运行，更改是显而易见的，但是当我进行 web 部署时，这些更改都不明显。我还注意到，当我将 web.config 文件修改为 Debug=false 时，我所做的 CSS 更改在我从 VS 在本地运行时(以及在 Web 部署上)并不明显。

CSS 仍在应用，但我所做的任何更改都没有应用。该站点显示旧的默认超大屏幕颜色。如果我在 web.config 中更改 debug=true，那么超大屏幕会显示我更新后的颜色。当我网络部署我的网站时，没有应用任何 CSS 更改，它仍然使用默认的 CSS 文件，我什至检查了服务器上的 bootstrap.css，它显示了更新的超大屏幕颜色，但超大屏幕仍然是网络上的默认颜色？？ super 困惑。

我已经做了很多阅读，尝试将以下内容添加到我的 web.config 中:

<remove name="BundleModule" />
<add name="BundleModule" type="System.Web.Optimization.BundleModule" />

但这并不能解决问题。我尝试从我的文件名中删除 .css，这解决了当我使用 debug=false 从 VS 在本地运行它时的问题，但是当我发布网站时，该网站根本不显示任何 CSS 样式。这不是缓存问题。这与捆绑和 debug=false 有关，但我不知道是什么。我对 web/MVC 开发还是很陌生。我已经使用 NuGet 更新了我的 web.optimization 和 microsoft.aspnet 等。

我真的很难过，如果有人有建议并且有效，我会很高兴! Stack Overflow 上有很多关于此的帖子，但没有任何建议对我有用。

这是我的 bundle.config.cs:

using System.Web;
using System.Web.Optimization;

namespace HFHYYC
{
        public class BundleConfig
        {

        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

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

            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js"));

            bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));
        }
    }
}

Answer 1

这可能是由于捆绑框架在本地/ Debug模式下使用 bootstrap.css 并在部署时使用 bootstrap.min.css。该框架在确定将哪些文件添加到 bundle 时使用一组约定，其中之一是使用文件的 .min 版本(如果存在)用于发布构建。这可能就是困扰你的原因。您在 bootstrap.css 中进行了更改，但未在 bootstrap.min.css 中进行更改。

尝试删除 bootstrap.min.css 并重新部署。这应该会强制框架缩小并使用您修改的 bootstrap.css 文件。