Asp.net捆绑不同子路径的相对路径问题答案

【问题标题】：Asp.net Bundling relative path issue for different sub pathAsp.net捆绑不同子路径的相对路径问题
【发布时间】：2016-03-05 11:12:43
【问题描述】：

我在 css 代码中收到错误文件。

    bundles.Add(new StyleBundle("~/assets/global/plugins/globalStyle").Include(
         "~/assets/global/plugins/font-awesome/css/font-awesome.min.css",
         "~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css",
         "~/assets/global/plugins/bootstrap/css/bootstrap.min.css",
         "~/assets/global/plugins/uniform/css/uniform.default.css",
         "~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
        ));

在~/assets/global/plugins/ 路径之后，我的文件有两条路径。我收到了 fontawesome 等错误。

这是 font-awesome.css

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

输出路径assets/global/plugins/Style/fonts/fontawesome-webfont.woff2?v=4.5.0，原文件在assets/global/plugins/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0

这些是插件文件，因此由于更新问题，我不想更改这些代码。

我在其他捆绑包中也遇到同样的问题，比如图片等。我该如何解决？

【问题讨论】：

标签： css asp.net webforms bundling-and-minification asp.net-bundling

【解决方案1】：

我已经有一段时间没有考虑捆绑了，所以如果我让你走错了路，我提前道歉。

我认为最简单的方法是使用 CssRewriteUrlTransform。例如：

bundles.Add(new StyleBundle("~/assets/global/plugins/globalStyle")
   .Include("~/assets/global/plugins/font-awesome/css/font-awesome.min.css", new CssRewriteUrlTransform()));

【讨论】：