Bundle di stile in .NET 4.5 e icone nel CSS

Question

Sto iniziando a utilizzare .NET 4.5 integrato nel minification e nel bundling per minimizzare & raggruppare i miei CSS e JavaScript. La minifrazione di JavaScript funziona alla grande, tuttavia, ho avuto problemi con la minifrazione CSS. Creo un fascio stile utilizzando il codice qui sotto -

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

e poi li ho di riferimento nel .cshtml (file rasoio), come di seguito -

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

E minifies il file CSS. Tuttavia, se i file CSS contengono stili che hanno riferimenti all'immagine di sfondo, come background-image: url ('img/icon.png'), tenta di caricare questo file icona da una nuova posizione (derivata dal nome del bundle) = /bundles/MySiteCss/img/icon.png

Poiché l'icona non esiste nella posizione, non viene caricata e visualizzata nella pagina.

Answer 1

È necessario che i bundle e il CSS siano serviti dallo stesso posto per farlo funzionare facilmente. Ad esempio, modificare la linea fascio di essere:

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

E aggiornare il vostro riferimento così:

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

Answer 2

Questo è stato risolto nella versione 1.1.0-alfa1 del Web Optimization Microsoft ASP.NET Struttura.
È possibile ottenere l'aggiornamento tramite NuGet (https://nuget.org/packages/Microsoft.AspNet.Web.Optimization) se si include Prerelease.