Lazy loading styles in Angular

Question

I'm trying to have print-styles.scss compiled in css and put into assets folder by angular compiler.

I need it for injecting styles into an iframe that should print some contents.

The problem is that in angular.json

styles: [{
   "input": "projects/public/src/print-styles.scss",
   "lazy": true,
   "bundleName": "print-styles-hello"
}]

results in JS file which I don't know how to use.

I don't want to use any Gulp or other additional tools.

Can you check this blog may be this will help:codinglatte.com/posts/angular/… — Chellappan வ
– Chellappan வ, Commented Jul 25, 2019 at 8:20
@Chellappan I saw it but how can I guess the URL which I have to use? Angular compiles 2 bundles and prefixes them with hashes and targets. Also I don't see any changes on a page. — Sergey
– Sergey, Commented Jul 25, 2019 at 8:22

Sergey · Accepted Answer · 2019-07-25 08:37:17Z

1

Solved by specifying "extractCss": true which results in a constant expected .css output.

answered Jul 25, 2019 at 8:37

Sergey

7,69214 gold badges49 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1