修复破坏 CSS 图像 URI 的 jsDelivr“多个文件”方法

Question

jsDelivr (http://jsdelivr.com) 具有多文件模式：

• https://github.com/jsdelivr/jsdelivr#load-multiple-files-with-single-http-request

问题是，带有 CSS 的库（例如 Gritter 和 Font Awesome）在其界面组件中使用图像。

这会在执行以下操作时导致404 错误：

//cdn.jsdelivr.net/g/jquery@2.1.0,bootstrap@3.1.1,summernote@0.5.0,mousewheel@3.1.6,jquery.timeago@1.3.0,jquery.gritter@1.7.4,jquery.unveiljs@1.0,jquery.waypoints@2.0.2,bootstrap.tagsinput@0.3.9,bootstrap.datepicker-fork@1.3.0,jquery.jqote2@0.9.8,portal@1.1.1

我们如何在一个 CDN 页面加载中使用多个库，但更改 CSS 文件引用的路径以使用适当的 jsDeliver.net URI？

这是一项通过 jQuery 或纯 JavaScript 在浏览器中对 CSS 进行后处理的工作，还是注定每个引用图像的 CSS 文件需要一个 CDN 页面加载，再加上没有图像引用的 CDN 提供的 CSS 的剩余页面加载？

Answer 1

是的，很遗憾 /g/ 不适用于包含相对路径的文件。

您可以单独加载此类文件，然后正常使用 /g/ 其余文件。