style example estilos component app angular webpack google-chrome-devtools angular-cli

example - ¿Cómo guardar los cambios de Estilo CSS en el componente ANGULAR 2.0 dentro de las Herramientas para desarrolladores de Chrome?



component angular css (0)

Estoy construyendo una aplicación CLI de Angular 2.0, y sucede que tengo que hacer muchos ajustes de CSS.

Por supuesto, puedo modificar algo dentro de Webstorm, presionar Ctrl + S y esperar entre 3 y 7 segundos para que el proceso de compilación de la plataforma web detecte esos cambios y actualice la vista.

Pero siento que estoy perdiendo mucho tiempo por pequeños cambios como: border-radius form 5px to 3px - me está matando ...

Si en cambio cambio cosas dentro de Chrome Developer Tools, se actualiza al instante, no se desperdicia tiempo. ¡Comentarios instantáneos!

Pregunta:

¿Cómo guardo todos los cambios de CSS de Chrome en el proyecto de CLI de Angular? A través de múltiples componentes si es posible :)

El gran problema:

Sé que esto es posible con archivos css simples, pero la CLI angular agrupa todo dentro del paquete principal o styles.bundle o en algún lugar similar como se puede ver a continuación: (esto es modo de desarrollo, no producción)

Supongo que esto es importante, y puede ser un gran inconveniente dentro de la Comunidad Angular, si no se ha resuelto ya ... ¡Muchas gracias!