8

Estoy empezando a utilizar .NET 4.5 integrado en la minificación y agrupación para ministrar & agrupar mis CSS y JavaScript. La minificación de JavaScript funciona muy bien, sin embargo, he tenido problemas con la minificación de CSS. Creo un paquete de estilo con el siguiente código -Paquetes de estilo en .NET 4.5 e íconos en CSS

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

y luego hacer referencia a ellos en .cshtml (archivo de afeitar) de la siguiente manera -

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

Se le resta el archivo CSS. Sin embargo, si los archivos CSS contienen estilos que tienen referencias de imagen de fondo, como background-image: url ('img/icon.png'), intenta cargar este archivo de icono desde una nueva ubicación (derivado del nombre del paquete) = /bundles/MySiteCss/img/icon.png

Como el icono no existe en la ubicación, no se carga y se muestra en la página.

+0

Cámbielo a una URL absoluta. – ZippyV

Respuesta

10

Debe tener sus paquetes y CSS servidos desde el mismo lugar para que esto funcione con facilidad. Por ejemplo, cambiar la línea del paquete a ser:

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

y actualizar su referencia, así:

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

que funcionó, gracias por la respuesta rápida! – govin

+0

Me gustaría agrupar sería lo suficientemente inteligente como para reescribir esas rutas al tiempo que minimiza, Squish puede hacerlo, otros pueden hacerlo también, así que no veo una razón por la cual la agrupación de Microsoft no podría hacerlo. – Giedrius

+0

@Giedrius Esto definitivamente está en la lista de tareas pendientes –

Cuestiones relacionadas