livestyle / atom

LiveStyle plugin for Atom editor
http://livestyle.io
135 stars 11 forks source link

how I can implements with angular 2 or webpack? #14

Closed hiepxanh closed 7 years ago

hiepxanh commented 7 years ago

I'm writing css on angular 2 and it keep refesh browser rapidly but very slow. I want to use livestyle but look like it not work with angular 2. how can I resolve that ?

sergeche commented 7 years ago

LiveStyle doesn’t depends on project or build tool you’re using, it updates CSS directly in browser. Make sure you have both Chrome and Atom extension installed and you associated editor-tobrowser files properly

hiepxanh commented 7 years ago

thanks, I'm turning off the angular 2 CSS Encapsulation by: import { Component , ViewEncapsulation} from '@angular/core'; @Component({ selector: 'app-note', templateUrl: './note.component.html', styleUrls: ['./note.component.css'], encapsulation: ViewEncapsulation.None }) and then, I can work with livestyle again, thanks for your answer

hiepxanh commented 7 years ago

well, this new update of angular 2 make me have to create livestyle.json for angular-cli project. it work again and don't have to create view Encapsulation