asp.net-mvc-5 - 当 EnableOptimizations 为 true 时 CSS 包为空

Question

我正在创建一个样式包:

bundles.Add(new StyleBundle("~/content/bundled-styles.css").Include(
    "~/content/flexisel-style.css"));

...在我看来:

@Styles.Render("~/content/bundled-styles.css")

如果我在未启用优化的情况下查看页面(即 BundleTable.EnableOptimizations = false;)，则一切正常。我的 .css 文件毫无问题地添加到页面，并且包含所有样式。

如果我设置 BundleTable.EnableOptimizations = true; (不更改任何其他内容)，则生成的 .css 包不包含任何样式。捆绑的 .css 文件与生成的 token 一起添加到页面中，但是当我单击页面源中的 .css 文件时，它完全是空白的。我的页面显然是在没有任何样式的情况下呈现的。

其他信息:

• 我的内容文件夹中没有名为“bundled-styles.css”的文件或文件夹
• 这是我添加的唯一 bundle 。
• 我没有收到任何错误(例如 404)。 .css 文件只是空的。
• 我正在使用 ASP.NET MVC 5。

Answer 1

我刚刚也遇到了这个问题。捆绑程序似乎不喜欢名称中的扩展名。一旦我删除了扩展， bundler 就开始工作。

您可以尝试执行以下操作。请注意，我已删除了两个位置的 .css。

删除 .css

bundles.Add(new StyleBundle("~/content/bundled-styles").Include(
    "~/content/flexisel-style.css"));

<小时/>

@Styles.Render("~/content/bundled-styles")