How to use stylish styles with Angular 4 Ahead of Time compilation?

Question

How to use stylish styles with Angular 4 Ahead of Time compilation?

I created an Angular 4 quickstart project a few days ago and just for that I tried to name all my stylesheets .styl

and put stylus . Against all my expectations, it really worked! When using development server, all my stylus sheets are uploaded to css and work as expected.

However, I am now following the guide for Ahead Of Time (AOT) compilation , which went smoothly until I tried to do a final build, No styles at all. The app works, but all black text on a white background has no structure.

Converting my stylesheets to CSS "fixes" the problem.

So my question is, how do I get the rewritten style languages like Stylus, LESS and Sass to work with Angular 4 AOT compilation? I am assuming there is a parameter or plugin in there somewhere.

+3

angular stylus

Hubro 06 Apr 17 at 7:46

source to share

No one has answered this question yet

Check out similar questions:

nineteen

Angular 2 Ahead of the Time Compiler: Should I Publish All Properties of a Class?

five

Does Angular 2 support the Ahead of the Time SEST compiler for stylesheets?

1

Styling shaded elements from the outside world with Stylus / WebStorm

1

Node.js Stylus Interpolation does not render styles as show in documents

1

Stylus recompiles inconsistently with Ember-cli

0

Load Stylus library and global sheet with vue-loader and webpack2

0

SCSS styles are loading incorrectly with webpack and angular 5

0

Configure Stylus compilation to look for dependencies in another directory in the WebStorm / IntelliJ IDE

0

Compiling CSS with angular cli

0

How to make WordPress style.css work like Stylus.styl -file

How to use stylish styles with Angular 4 Ahead of Time compilation?

More articles: