asp.net - .NET 4.5 中的样式包和 CSS 中的图标

Question

我开始使用 .NET 4.5 内置的缩小和捆绑来缩小和捆绑我的 CSS 和 JavaScript。 JavaScript 缩小效果很好，但是，我在 CSS 缩小方面遇到了麻烦。我使用下面的代码创建一个样式包 -

var myCss = new string[]
                                        {
                                            "~/Content/jquery.css",
                                            "~/Content/app.css",
                                        };
bundles.Add(new StyleBundle("~/bundles/MySiteCss/").Include(myCss ));

然后我在 .cshtml(razor 文件)中引用它们，如下 -

@Styles.Render("~/bundles/MySiteCss/")

它缩小了 CSS 文件。但是，如果 CSS 文件包含具有背景图像引用的样式，例如 background-image: url('img/icon.png')，它会尝试从新位置(源自包名称)加载此图标文件=/bundles/MySiteCss/img/icon.png

由于该位置不存在图标，因此不会加载并显示在页面上。

Answer 1

您需要从同一位置提供 bundle 和 CSS，才能轻松工作。例如，将您的捆绑行更改为:

bundles.Add(new StyleBundle("~/Content/MySiteCss/").Include(myCss));

并更新您的引用资料:

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