如何在MVC4样式包中引用*.min.css文件?

本文关键字：min css 文件 引用 包中 MVC4 样式 | 更新日期: 2023-09-27 18:14:35

我在MVC4应用程序中使用剑道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中引用了这个bundle。CSHTML如下:

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

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

另外，我已经明确地禁用了bundlecconfig中的优化。

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

这是一个有很多信息捆绑器的帖子，不包括。min文件

如何在MVC4样式包中引用*.min.css文件?

在bundle中不能使用min，因为当你在bundle中添加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"));
相关文章：