1

我在 MVC4 应用程序中使用 Kendo UI。我决定将我的 CSS 和 JS 引用移动到包中。我像这样创建了一个包：

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 中明确禁用了优化。

4

2 回答 2

4

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

这是一个包含大量信息的帖子Bundler 不包括 .min 文件

于 2013-05-21T19:19:54.633 回答
1

在包中不能使用 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-21T19:11:54.087 回答