ASP.NET MVC - Hacer referencia a hojas de estilo en la página maestra

Question

Tengo una página maestra que está en/Vistas/Compartida. La página maestra hace referencia a una hoja de estilo en la carpeta /Content.

Todo funciona bien si hago referencia a la hoja de estilo usando "../../Content/style.css". Sin embargo, mi aplicación web no está en la carpeta raíz en nuestro entorno de producción, por lo que la ruta relativa no funciona.

He intentado "<% = ResolveUrl (" ~/content/style.css ")%>" que funciona en el escenario de producción, pero luego el diseñador en Visual Studio se queja de que mis clases estaban equivocadas (y yo no se puede obtener una vista previa de la página con CSS en la pestaña de diseño).

¿Existe alguna solución que lo haga funcionar en ambas situaciones? Logré esto en WebForms escribiendo un código del lado del servidor que restablecía la etiqueta de enlace. Podría hacer eso aquí, pero me gustaría evitarlo.

Answer 1

Pruebe esta técnica - incluya su hoja de estilo ambas maneras. Incluya uno con una referencia de ruta fija que Visual Studio utilizará para el soporte de tiempo de diseño, pero encerrelo en los comentarios del lado del servidor para que no esté realmente incluido durante el tiempo de ejecución. La segunda referencia es la referencia "real" utilizada en el tiempo de ejecución, y con Url.Content() funcionará tanto si su aplicación es un subdirectorio como si no.

<% /* %> 
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
<% */ %> 

<link href="<%=Url.Content("~/Content/Site.css") %>" rel="stylesheet" 
     type="text/css" /> 

Answer 2

Es la mejor práctica para Extend the URL Helper. Esto le permite llamarlo fácilmente desde su vista, y si su estructura o archivos cambian, no necesita hacer un hallazgo/reemplazo masivo.

public static string Image(this UrlHelper helper, string fileName) 
{ 
    return helper.Content("~/Content/Images/" + fileName)); 
} 

public static string Stylesheet(this UrlHelper helper, string fileName) 
{ 
    return helper.Content("~/Content/Stylesheets/" + fileName); 
} 

public static string Script(this UrlHelper helper, string fileName) 
{ 
    return helper.Content("~/Content/Scripts/" + fileName); 
} 

    <link href="<%= UrlHelper.Stylesheet("Main.css")%>" rel="stylesheet" 
     type="text/css" /> 

Answer 3

En la carpeta Vistas y luego yendo a la carpeta compartida ayuda a comprender cómo se hace referencia al archivo CSS en el MVC.