Hi,

I'm trying to setup a project using Angular 2 with Typescript, following 
the recommendations in the docs. In particular, I am trying to use 
lite-server for development.
Because some of my components will have complex styles, I want to have the 
CSS in a separate file, which works fine using "styleUrls" in the component 
configuration.
The problem is that when I edit a CSS file, lite-server does not reload the 
styles on the page. From what I've gathered, lite-server uses Browsersync, 
which tries to find the <link> element corresponding to the modified CSS 
file to update it, rather than reloading the entire page. Except Angular 
doesn't create a <link> element, it just inlines the styles in the head of 
the page.

How would you solve it ?
And more importantly, why do you recommend a live development server in the 
tutorial that does not work with your structure ? I might be missing 
something.

Thank you for your help.


-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to