17

最近，我在本地复制的一个项目完全失去了大部分样式。我花了一段时间才弄明白，因为大部分样式都是在一个文件中完成的，其余的是像 Kendo 和 jQuery UI 这样的小东西。

其他的，次要的东西没有被添加到页面中。我认为样式已被另一位开发人员修改（有一段时间没有接触这个项目），他只测试 Web API 的东西而不是 UI，所以他可能会破坏它并且永远不知道，但我找到了问题：只有该site.css文件包含在捆绑包中，其他文件均未包含。我什至尝试重新排列包中包含的 CSS 文件的顺序，它只会包含site.css.

我重建了项目，清除了缓存等，所以它肯定看到了变化。我记得最近更新了一些 NuGet 包或 VS 包之类的东西——甚至可能是 MVC 包？

我的问题是：有什么改变导致了这种情况发生吗？这是什么原因造成的？

编辑：代码来自BundleConfig.cs：

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/site.css",
            "~/Content/themes/kendo/kendo.common.min.css",
            "~/Content/themes/kendo/kendo.default.min.css",
            "~/Content/themes/base/minified/jquery.ui.core.min.css",
            "~/Content/themes/base/minified/jquery.ui.resizable.min.css",
            "~/Content/themes/base/minified/jquery.ui.selectable.min.css",
            "~/Content/themes/base/minified/jquery.ui.accordion.min.css",
            "~/Content/themes/base/minified/jquery.ui.autocomplete.min.css",
            "~/Content/themes/base/minified/jquery.ui.button.min.css",
            "~/Content/themes/base/minified/jquery.ui.dialog.min.css",
            "~/Content/themes/base/minified/jquery.ui.slider.min.css",
            "~/Content/themes/base/minified/jquery.ui.tabs.min.css",
            "~/Content/themes/base/minified/jquery.ui.datepicker.min.css",
            "~/Content/themes/base/minified/jquery.ui.progressbar.min.css",
            "~/Content/themes/base/minified/jquery.ui.theme.min.css"));
}

代码来自_Layout.cshtml：

@Styles.Render("~/Content/themes/base/css", "~/Content/css")
4

1 回答 1

55

默认情况下，名称以“ .min.css ”结尾的文件只会包含在发布版本中。

推荐的捆绑配置是只包含非缩小的 .css 和 .js 文件，然后在发布版本中会自动选择 .min 版本（如果存在），即<compilation debug="false">在您的Web.config中。

您可以通过清除然后将忽略规则添加到BundleCollection.IgnoreList. 一个示例BundleConfig可能如下所示：

public static class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        ConfigureIgnoreList(bundles.IgnoreList);

        // Setup your bundles...
    }

    public static void ConfigureIgnoreList(IgnoreList ignoreList)
    {
        if (ignoreList == null) throw new ArgumentNullException("ignoreList");

        ignoreList.Clear(); // Clear the list, then add the new patterns.

        ignoreList.Ignore("*.intellisense.js");
        ignoreList.Ignore("*-vsdoc.js");
        ignoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled);
        // ignoreList.Ignore("*.min.js", OptimizationMode.WhenDisabled);
        ignoreList.Ignore("*.min.css", OptimizationMode.WhenDisabled);
    }
}

您还可以通过设置显式启用/禁用优化BundleTable.EnableOptimizations。

于 2013-02-19T21:27:24.547 回答