如何在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文件？

回答

相關問題