Como fazer o mapeamento de origem CSS funcionar no Chrome com bússola (SASS)
o problema é que estou tentando fazer com que o mapeamento CSS funcione com meu projeto Compass no Chrome (v38, OS X), para que ele recarregue meu CSS sem a necessidade de recarregar a página.
Eu segui issohttps://developer.chrome.com/devtools/docs/css-preprocessors e também issohttp://www.sitepoint.com/using-source-maps-debug-sass-chrome/
Eu tenho um projeto Compass totalmente funcional e estou compilando usandocompass watch
.
Para dentroConfig.rb
Eu adicioneisourcemap = true
e.map
arquivo foi criado com sucesso.
Quando carrego meu site, posso ver.map
arquivo carregado na guia Rede no console (código de status 200)
Enable CSS source maps
eAuto-reload generated CSS
também está ativado nas configurações do Chrome.
Mas quando recompilar as alterações no css não aparecem no DevTools nem na página. No entanto, ao reabrir o DevTools, vejo alterações na guia Estilos, mas elas não são aplicadas na página.
Entao, para resumir:Não tenho problemas com a compilação etc..map
o arquivo é compilado e carregado através do meu servidor HTTP com 200 respostas OKeu consigo ver.scss
referências no Inspetor de estilo, por exemplo.body {...} style.scss:18
então o Chrome se comunicou com o meu.map
ArquivoQuando meu SCSS é compilado, as alterações aparecem no DevTools somente quando eu o reaboApós a reabertura, vejo alterações de CSS na guia Estilo, mas elas não são aplicadas à minha páginaAlguma idéia de qual pode ser o problema aqui? obrigado