css - MVC 捆绑和缩小 : converts embedded images to to URL paths

Question

在我的 MVC5.1 元素中，我将捆绑和缩小与 CSS 重写转换结合使用:

styleBundle.Include("~/Content/Site.css", new CssRewriteUrlTransform());
bundles.Add(styleBundle);

CssRewriteUrlTransform 转换相对于站点根目录的图像路径。但是，当我将图像嵌入到 css 中时:

span.file {
  background-image: url(data:image/png;base64,iVBORw0KGg+...2AAAAElFTkSuQmCC);
}

这正在被翻译成

span.file {
  background-image: url(http://localhost:52253/Content/data:image/png;base64,iVBORg...mCC);
}

显然 ~/Content/data:image/png;base64... 不存在。

除了更新 CSS 文件以不包含嵌入图像之外，还有什么方法可以阻止这种情况发生？或者分成不同的 CSS 文件，其中使用实际 URL 并对这些文件进行 URL 转换。以及另一个仅包含嵌入图像的 CSS。

Answer 1

放弃这个问题。这是一个已知的错误。目前的解决方法是将您的 css 分成嵌入的图像和通过 url 的图像。

为这些工作元素投票:https://aspnetoptimization.codeplex.com/workitem/88和 https://aspnetoptimization.codeplex.com/workitem/108