angular 4 project don't load css file

Question

In my angular 4 project I want to include one of Angular Material's prebuilt themes globally, so in my styles.css I put this import like explained in the angular.io: @import "~@angular/material/prebuilt-themes/indigo-pink.css"; And in my angular.cli: "styles": ["styles.css"]. My styles.css file have only that line and nothing else.

But for some reasons it seems that styles.css is not loaded. Do I need to do something else? Why this happening?

Eliseo · Accepted Answer · 2017-10-06 07:48:30Z

1

Add the styles in your angular-cli

"styles": ["styles.css",
           "@angular/material/prebuilt-themes/indigo-pink.css"]

answered Oct 6, 2017 at 7:48

Eliseo

58.9k4 gold badges39 silver badges82 bronze badges

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

Comments

Er. Bahuguna Goyal · Accepted Answer · 2017-10-06 18:23:03Z

0

Add the styles in the angular cli as mentioned above it will also bundled and optimised into single file

answered Oct 6, 2017 at 18:23

Er. Bahuguna Goyal

1921 gold badge3 silver badges10 bronze badges

1 Comment

Er. Bahuguna Goyal Over a year ago

As mentioned by @Eliseo Add the styles in your angular-cli "styles": ["styles.css", "@angular/material/prebuilt-themes/indigo-pink.css"]

Collectives™ on Stack Overflow

angular 4 project don't load css file

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related