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

我在MVC4应用程序中使用Kendo UI。我决定将我的CSS和JS引用移动到捆绑包中。我创建像这样的捆绑产品：如何在MVC4 StyleBundle中引用* .min.css文件？

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中的优化。

来源

2013-05-21 Adam Modlin

它使用'min'当你建立用于调试的需要后。当你为发布版本构建时，它使用'min'。通过在你的配置中加入'min'，可能会寻找'min.min'。这里有很多信息的帖子http://stackoverflow.com/questions/11980458/bundler-not-including-min-files – Jasen

谢谢贾森......这正是我需要的。如果你添加一个链接作为答案，我会标记它。 –

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

这里有大量的信息Bundler not including .min files

来源

2013-05-21 19:19:54 Jasen

确实。这几乎是Bundles的全部重点：您将未分散的源代码分解为您需要组织项目的多个文件，并且Visual Studio在发布发布时将它们捆绑到一个文件中。 –

在捆绑包中，您不能使用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"));

来源

2013-05-21 19:11:54

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

回答

相关问题