raíles 3.1 canalización de activos css caching en desarrollo

Question

Estoy un poco confundido ya que parece que la aplicación.css se incluye a sí misma dos veces, una cuando enumera los recursos del manifiesto y luego un caché de eso. Entonces, cuando elimino un archivo individual, parece que sigue vivo dentro del archivo application.css.

application.css (fuente)

/* 
*= require twitter/bootstrap 
*= require_self 
*= require_tree ./common 
*= require_tree ./helpers 
*/ 

que funciona como se esperaba y salidas en el modo dev todos los ficheros relevantes individuales

development.rb

# Do not compress assets 
    config.assets.compress = false 

    # Expands the lines which load the assets 
    config.assets.debug = true 

salida

<link href="/assets/twitter/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/assets/application.css?body=1" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/assets/common/announcement.css?body=1" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/assets/common/button.css?body=1" media="screen" rel="stylesheet" type="text/css" /> 
<Blah blah> 

application.css (salida)

Esto debería estar en blanco? Como todo lo que tengo en mi archivo application.css es el manifiesto y no el CSS real, sino que obtengo todo mi código concatenado de 106kb de longitud.

IE si elimino un archivo en el directorio común, no desaparece. Ya no aparece en la salida, pero el css sigue apareciendo desde el application.css

Answer 1

que tenía un problema como esto antes. Fue causado después de haber precompilado los activos que iba después de applcation.css dentro de la carpeta pública y en el directorio de aplicaciones. No estoy seguro de cómo solucionarlo para que no siga sucediendo mientras está en modo dev, pero si elimina su directorio /public/assets, debería arreglarlo.

Compruebe y vea si tiene una carpeta public/assets, si lo hace y está llena, es probable que sea por eso que está viendo el doble.

Answer 2

Los activos hacer mejor su trabajo cuando se ejecuta la aplicación en el entorno de producción, entonces tendrás carga sólo el application.css con todos los archivos incluido y comprimido, para reducir la solicitud del servidor y esta application.css con los estilos comprimidos se almacenará en caché.

http://guides.rubyonrails.org/asset_pipeline.html

Answer 3

Es posible que desee ver en

https://stackoverflow.com/a/7854902/686460

"Adición config.serve_static_assets = false a development.rb evitará que la carga de archivos desde/público/activos"

que lo hizo para mí.

Answer 4

@ solución de Agustín lo hace por mí, pero aquí hay algunas cosas que hay que hacer:

1. Eliminar todo en/tmp/cache/activos

2. Añadir config.serve_static_assets = false a development.rb o test.rb (créditos a @Agustin)

3. Reinicia tu servidor.

4. Asegúrate de que la aplicación.js/.css no esté en la memoria caché de tu navegador.Vaya a http://localhost:3000/assets/application.js?body=1 y presione ctrl + f5 para forzar la actualización (también puede intentar agregar anexando un parámetro de aleatorizador al final: http://localhost:3000/assets/application.js?body=1&rnd=12343 Si obtiene algo más y ctrl + f5 aún no ha ayudado, debe borrar la caché de su navegador.

Saltarse cualquiera de estos pasos volvieron a application.js caché/css entrar en conflicto con mis actualizaciones en archivos individuales.

Answer 5

en la actualidad (2012-09-24) un error en los carriles/ruedas dentadas que causan para no detectar correctamente los archivos importados.

Esto se debe fijar en los carriles 3.2.9 y más tarde, pero en la media hora, se puede trabajar alrededor de ella de la siguiente manera:

1. Mata a la instancia rieles
2. rm-rf tmp/cache
3. iniciar la instancia de rieles

Usted debe ahora estar viendo el CSS correcto

Answer 6

La mejor manera, que trabajó para mí es borrar el contenido de tmp/cache/ * directorio ...

Answer 7

que tenía el mismo problema. A pesar de borrar tmp/cache y public/assets, la application.css minificada aún se almacenaba en caché y se enviaba desde algún lugar, y mis cambios en los archivos css individuales no se estaban publicando.

Esto funcionó para mí: en application.css quitar la línea *= require_self

servidor reinicio

que parece eliminar la caché y si hace clic en application.css en su fuente de navegador que ya no lo hará vea la versión reducida

reemplace *= require_self de nuevo en el archivo y continúe desarrollando.

Answer 8

Lo que funcionó para nosotros estaba poniendo 'config.assets.debug = false'

Esto ya no se establece el código HTML incluido CSS como href = "/ activos/bootstrap-new.css? Corporal = 1" , en su lugar configúrelo como href = "/ assets/bootstrap-new.css", que creo que fue el problema.

Answer 9

Hubo un último paso requerido para mí, pero lo solucioné. Esto es lo que hice:

1. apagar el servidor rieles
2. activos rastrillo: limpio
3. rake tmp: claro
4. reiniciar el servidor rieles

entonces, recrearon mi pantalla Google Chrome, y TODAVÍA NO FUNCIONÓ. Entonces, lancé Firefox y listo, en realidad estaba funcionando. Esto significa que Chrome estaba almacenando en caché los archivos antiguos dentro del navegador. Entonces, eliminé el caché del navegador en Chrome y ¡funcionó!

Answer 10

Sé que esta es una vieja pregunta, pero una solución que funcionó para mí es que tenía proxying nginx para mi entorno de desarrollo y tenía un bloque location ~ ^/(assets)/ en la configuración. Coméntelo o intente reiniciar nginx para invalidar la caché. Si está desarrollando, probablemente solo quiera comentarlo por completo.

Perdí demasiado tiempo solucionando este problema hasta que lo recordé.