google-chrome - guardar - modo inspector google chrome

Chrome DevTools guarda los cambios de CSS directamente en el archivo SASS

Question

¿Es posible que los cambios de estilo se realicen directamente en el panel "Estilos" no solo para el archivo .css sino también para el archivo .scss correspondiente?

Tengo mapas de origen CSS para cada archivo y funciona bien. Puedo saltar directamente al archivo .scss cuando hago clic en una propiedad. Entonces puedo editar el archivo .scss y se vuelve a cargar correctamente (tarea de la brújula en segundo plano), pero desafortunadamente todo lo que cambio directamente en el panel de estilos se conserva solo en el archivo .css compilado.

Tan pronto como cambio un valor, el archivo cambia a main.css y los cambios solo se guardan allí:

Answer 1

Si configura un Área de trabajo, entonces podrá guardar Sass en sus archivos en su computadora.

Aquí le mostramos cómo configurarlo https://www.youtube.com/watch?v=bqfoYaKCYUI#t=3m39s

Answer 2

Si es posible.

Pero con algunas limitaciones:

1. No para el archivo, sino para el editor - Sublime Text 3, y ahora puede ser otro
2. No es la sintaxis SASS exacta, pero SCSS También se admiten MENOS y CSS simple.

Para que el cuento pueda permanecer en la realidad, necesita algunas herramientas que puede encontrar here . El conjunto de estas herramientas se llama "Emmet Live Style".

El desarrollador prometió soporte para Stylus y SASS pronto.