缩小 css 文件如何在 mvc4 中工作？答案

【问题标题】：how minify css files works in mvc4?缩小 css 文件如何在 mvc4 中工作？
【发布时间】：2013-06-18 06:41:59
【问题描述】：

我是 mvc4 的新手，我阅读了这篇文章来查找 mvc4 中的捆绑和缩小

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 收费上查看我的 net thab 时，我看到我的页面加载了三个 css 文件，我对两件事感到困惑

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

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

【问题讨论】：

默认情况下，框架只在发布模式下进行缩小部分，当你在本地开发环境中工作时（在调试模式下），框架不会缩小，除非你通过你的网络明确告诉它.config 文件

标签： asp.net-mvc-4

【解决方案1】：

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

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

        BundleTable.EnableOptimizations = true;

【讨论】：

【解决方案2】：

在您的应用程序中以发布模式运行：

<compilation debug="false">

看看会发生什么。

【讨论】：

是的，这是正确的，我这样做并且工作正常，但是我有一个带有背景图像的 div 标签，但是当我将其更改为发布模式时找不到背景图片：background-image: url("images/ mainpic.jpg");