如何在 MVC4 StyleBundle 中引用 *.min.css 文件？ [复制]

Posted 2023-02-22

【中文标题】如何在 MVC4 StyleBundle 中引用 *.min.css 文件？ [复制]

【英文标题】：How can I reference a *.min.css file in an MVC4 StyleBundle? [duplicate]

【发布时间】：2013-05-16 15:27:36

【问题描述】：

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

【问题讨论】：

它在构建调试时根据需要使用min。当您构建发布时，它使用min。通过将min 放入您的配置中，它可能正在寻找min.min。这是一个包含大量信息的帖子***.com/questions/11980458/…

谢谢 Jasen...这正是我所需要的。如果您添加链接作为答案，我会标记它。

【参考方案1】：

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

这是一个包含大量信息的帖子Bundler not including .min files

【讨论】：

确实如此。这几乎就是 Bundles 的全部意义所在：您可以将未压缩的源代码分解为组织项目所需的多个文件，Visual Studio 会在发布版本时将它们全部捆绑到一个文件中。

【参考方案2】：

在 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"));