将 MVC5 项目部署到 Azure 时忽略 CSS答案

【问题标题】：CSS ignored when deploying MVC5 project to Azure将 MVC5 项目部署到 Azure 时忽略 CSS
【发布时间】：2014-01-14 11:26:08
【问题描述】：

我在 MVC5 上开发了一个网站并将其部署到 Azure 网站。该站点按预期工作，但在浏览到托管在 Azure 中的网站时，该站点忽略了我对默认 bootstrap.css 文件所做的更改。此文件设置为“始终复制”到输出目录，因此它与其余代码一样存在于 Azure 中。

刷新浏览器不会显示应显示的网站。重新启动 azure 网站也没有帮助。以下是我的代码：

Site.master

<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />       
<title>Title</title>

<asp:PlaceHolder runat="server">
    <%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:bundlereference runat="server" path="~/Content/css" />        
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

</head>
<body>
*Rest of default Site.Master file*

Bundle.config

<bundles version="1.0">
    <styleBundle path="~/Content/css">
        <include path="~/Content/bootstrap.css" />
        <include path="~/Content/Site.css" />
    </styleBundle>
</bundles>

【问题讨论】：

正如我在此处的其他答案中提到的：stackoverflow.com/questions/19664287/…，很可能是导致问题的包的名称。请尝试将包的名称从 ~/Content/css 更改为 ~/Content/bootstrapcss 之类的其他名称，看看是否能解决问题。
@GauravMantri 更改命名并没有解决问题，但感谢您的建议。

标签： azure azure-web-app-service

【解决方案1】：

如果您修改了 bootstrap.css，您还需要更新缩小版 bootstrap.min.css。

您可以通过以下方式轻松做到这一点：cssminifier.com

有关如何更新缩小版的详细信息，请查看此question

【讨论】：

不，那没用。 Visual Studio 甚至不会以同样的方式对其进行格式化。它会自动格式化为长版本。我也只是尝试手动更改设置，nada。不用找了。我所做的只是改变 btn-default 颜色。

【解决方案2】：

找到解决方法

通过执行以下操作，我设法获得了我期望的行为。可能不是最好的方法，但它很实用，我看不出它有任何重大缺陷。

在 Site.Master 上，替换这一行：

   <webopt:bundlereference runat="server" path="~/Content/css" />

这些：

<link href="~/Content/bootstrap.css" rel="stylesheet" type="text/css" runat="server" />
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" runat="server" />

【讨论】：

这个答案违背了捆绑的目的，并消除了捆绑提供的所有好处。使用 Fiddler 2 (telerik.com/fiddler) 检查网站的响应，看看您是否收到 403（这表明文件夹与您的包名称冲突）。