La página “Auto-Reload Generated CSS” de Chrome no recarga cuando SASS recomstack CSS

Intento que DevTools de Chrome recargue automáticamente una página cuando guardo un archivo SCSS mirado que comstackrá y hará cambios en el archivo CSS.

Tengo la opción Auto-recarga de CSS generado marcada, pero lamentablemente, no está funcionando como se esperaba. enter image description here

Cada vez que hago cambios en el archivo SCSS y lo guardo, la página no se recarga. He agregado mi carpeta de trabajo al espacio de trabajo y también correlacioné los archivos (tanto el archivo SCSS como el CSS generado) con sus respectivas versiones en la unidad del sistema local. Esto, sin embargo, no ayuda.

Los mapas fuente de SASS parecen funcionar bien ya que los archivos scss se reflejan en el inspector DevTools:

enter image description here

Estoy usando Chrome versión 31:

enter image description here

¿He perdido algo que no sé? ¿Qué más tengo que hacer para que esto funcione?

Usé drupal en este caso y drupal generó un enlace css como ‘style.css? Abc’. Problema en este sufijo ‘? Abc’. Debe iniciar la asignación de archivos desde LOCAL (presione con el botón derecho del mouse en local) ‘style.css’ a ‘style.css’ abc ‘WEB (se muestra en la lista). No de WEB a LOCAL. Si el resultado es correcto, los enlaces WEB desaparecen de la lista en la pestaña ‘recursos’.

aquí hay una buena solución para evitar este problema de mapeo de .css? 201203241721 / .js? 201203241721-files como szdv mencionado con drupal. Lo he tenido con typo3 y esto lo resolvió:

/* remove in production *************************************************/ //filter typo3 temp file src/href with ?date ending for chrome workspaces $('script, link').each(function(){ rpString = /\?[0-9]*/; if(this.src){ this.src = this.src.replace(rpString,''); } if(this.href){ this.href = this.href.replace(rpString,''); } }); /* ******************** *************************************************/