如何在MVC4 StyleBundle中引用*.min.css文件？

Question

我在MVC4应用程序中使用Kendo UI。我已经决定将我的CSS和JS引用转移到bundle。我创建了一个包，如下所示：

bundles.Add(new StyleBundle("~/bundles/baseCSS").Include(
            "~/Content/CSS/Shared/Site.css",
            "~/Content/CSS/plugins/jquery.jgrowl.css",
            "~/Content/Kendo/kendo.common.min.css",
            "~/Content/Kendo/kendo.blueopal.min.css"));

我在我的_Layout.cshtml中引用这个包，如下所示：

Styles.Render("~/bundles/baseCSS")

“我的页面”的HTML (在调试模式下)仅呈现site.css和jquery.jgrowl.css引用。如果我重命名kendo CSS文件，删除其名称中的"min“部分，并更改捆绑包中的字符串，它将正常工作。为什么不能引用.min？

此外，我还显式禁用了BundleConfig中的优化。

Answer 1

当您为调试而构建时，它会根据需要使用min。当你为发布而构建时，它使用min。通过将min放入您的配置中，它可能会查找min.min。

这里有一篇有很多信息的帖子Bundler not including .min files

Answer 2

在捆绑包中不能使用min，因为当您在捆绑包中添加css或js文件时，它会自动缩小该文件。

您可以直接从布局中引用文件，例如..

<link rel="stylesheet" href="~/Content/Kendo/kendo.common.min.css" />

或者，您可以从文件名中删除.min扩展名，然后将其添加到包中，例如..

bundles.Add(new StyleBundle("~/bundles/baseCSS").Include(
            "~/Content/CSS/Shared/Site.css",
            "~/Content/CSS/plugins/jquery.jgrowl.css",
            "~/Content/Kendo/kendo.common.css",
            "~/Content/Kendo/kendo.blueopal.css"));