如何缩小css文件在mvc4中的工作原理？

Question

我是mvc4的新手,我读了这篇文章,找到mvc4中的bundle和minify

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

我创建了一个新的示例项目来测试css minifing并在我的主题文件夹中添加tree 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")

它工作正常,但我无法理解缩小,因为当我看到我的net thab on firebug tolls时,我看到我的页面加载了三个css文件我混淆了两件事

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

2-i应该创建minifiyng文件夹并缩小我的css删除注释和..并在我的项目上使用主题或我使用一些配置直到mvc自己做？

Answer 1

首先将其更改为发布模式,因为它仅适用于此模式,而不是调试.

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

        BundleTable.EnableOptimizations = true;

Answer 2

在发布模式下运行您的应用程序:

<compilation debug="false">

并观察会发生什么.