Đường dẫn tương đối trong CSS không hợp lệ khi sử dụng MVC w/Gói

Question

Tôi đã phát triển ứng dụng web MVC5 trong vài tháng. Tôi đã xuất bản cho từng máy chủ được sử dụng để phát triển, thử nghiệm và máy chủ công cộng dự định. Mọi thứ đã được thử nghiệm bởi một nhóm gồm hàng chục người thử nghiệm beta và quyết định được đưa ra để phát trực tiếp với ứng dụng web vào cuối tuần này.

Trước khi xuất bản ứng dụng web lên máy chủ lưu trữ (công khai) trực tiếp, tôi đã sửa đổi web.config để tắt chế độ gỡ lỗi cho trang web công cộng. Sau khi xuất bản, tất cả các loại sự cố được cắt xén liên quan đến thiếu tài nguyên CSS và JS.

Sau khi đọc rất nhiều bài viết về Gói và 404 lỗi, tôi thấy một trong những gợi ý để thêm dòng sau vào Web.config:

<modules runAllManagedModulesForAllRequests="true"> 
    <remove name="BundleModule" /> 
    <add name="BundleModule" type="System.Web.Optimization.BundleModule" /> 
</modules> 

này giải quyết các vấn đề 404 cho cấu hình StyleBundle và ScriptBundle, nhưng bây giờ tôi có lỗi 404 cho hình ảnh mà trước đây đã làm việc tốt. Tôi không chắc chắn cách tốt nhất để giải quyết những điều này. Tôi không muốn di chuyển hình ảnh và tôi không muốn chỉnh sửa CSS vì đây là các tệp phân phối (jQueryUI, ThemeRoller, DataTables, v.v.). Tôi muốn rời khỏi cấu trúc thư mục phân phối và các tệp nguồn gốc (CSS và JS) chưa được sửa đổi.

Ví dụ về sự cố.

DataTables phân phối nằm trong thư mục ~/Scripts tôi:

/Scripts/DataTables-1.10.2/ 
/Scripts/DataTables-1.10.2/media/css 
/Scripts/DataTables-1.10.2/media/images 
/Scripts/DataTables-1.10.2/media/js 

Gói cấu hình:

bundles.Add(new ScriptBundle("~/bundles/DataTables").Include(
    "~/Scripts/DataTables-1.10.2/media/js/jquery.dataTables.js")); 

bundles.Add(new StyleBundle("~/bundles/DataTables.css").Include(
    "~/Scripts/DataTables-1.10.2/media/css/jquery.dataTables.css")); 

jquery.dataTables.css chứa tham chiếu đến ../images/someimage.png và với Web .config chế độ gỡ lỗi cho phép hoạt động này hoàn hảo. Bây giờ chế độ gỡ lỗi đã bị vô hiệu hóa và các Gói đang thu nhỏ/kết hợp, tôi nhận được lỗi 404:

http://example.com/GenericError.htm?aspxerrorpath=/images/someimage.png" 

Có vẻ như URL hình ảnh được giả định là liên quan đến/Gói/- mặc dù tôi không tích cực.

Phải có cấu hình bổ sung mà tôi đang thiếu. Ai đó có thể chỉ cho tôi đi đúng hướng?

EDIT

comments Raphael về câu hỏi này và URL của mình để một câu hỏi tương tự như SO không giúp giải quyết vấn đề này. Đề xuất của Sean về BundleTransformer có vẻ như nó có thể hoạt động nhưng tôi không tìm thấy bất kỳ tài liệu nào về cách cài đặt gói này.

Answer 1

Xem câu trả lời của tôi tại địa chỉ: CSS/JS bundle in single file in mvc when publish with release option

Nó đề cập đến vấn đề chính xác này và các tùy chọn, bạn phải giải quyết nó.