asp.net-mvc-4 - 缩小 css 文件如何在 mvc4 中工作？

Question

我是 mvc4 的新手，我阅读了这篇文章以了解 mvc4 中的 bundle 和 minify

http://go.microsoft.com/fwlink/?LinkId=254725

我创建了一个新的示例项目来测试 css 缩小并在我的主题文件夹中添加树 css 文件和

public class BundleConfig
{

    public static void RegisterBundles(BundleCollection bundles)
    {

        bundles.Add(new StyleBundle("~/Content/css").Include(
                    "~/Content/themes/default/public.css",
                    "~/Content/themes/default/home.css",
                    "~/Content/themes/default/footer.css"));
     }

在我的主布局中:

 @Styles.Render("~/Content/css")

它工作正常，但我无法理解缩小，因为当我在 firebug 通行费上查看我的网络时，我看到我的页面加载了三个 css 文件，我在两件事上感到困惑

1-为什么它加载那个 css 文件是正常的还是浏览器应该加载一个包含我所有 css 文件的文件？

2-我应该创建 minifiyng 文件夹并缩小我的 css 并删除评论和..并使用主题在我的项目上，或者我使用一些配置直到 mvc 自己完成？

Answer 1

首先把它改成release模式，因为它只能在这个模式下工作，不能在Debug下工作。

如果您还没有这样做，请在您的 BundleConfig 中添加:

        BundleTable.EnableOptimizations = true;