Angular 6 load css folders in angular.json

Question

I am trying to convert my html template into angular app. I have a css folder called plugins and img folder.

When I am adding :

 "styles": [
          "src/assets/plugins/listtyicons/style.css",
          "src/assets/plugins/jquery-ui/jquery-ui.min.css",
          "src/assets/plugins/bootstrap/css/bootstrap.min.css",
          "src/assets/plugins/plugins/isotope/isotope.min.css",
          "src/styles.css"

        ]

this code in angular.json file I am getting error when trying to start angular app. I have put my plugin folder inside assets folder. I am getting this error:

 ERROR in multi ./src/assets/plugins/listtyicons/style.css 
./src/assets/plugins/jquery-ui/jquery-ui.min.css ./src/assets/plugins/bootstrap/css/bootstrap.min.css ./src/assets/plugins/plugins/isotope/isotope.min.css ./src/styles.css
Module not found: Error: Can't resolve 
'/Users/nilay/angular/bes/src/assets/plugins/plugins/isotope/isotope.min.css' 
in '/Users/nilay/angular/bes'

I don't know why am I getting this error.

לבני מלכה · Accepted Answer · 2018-05-31 06:05:49Z

31

In angular 6 you have to add only in src/style.css (instead angular.json):

@import "assets/plugins/listtyicons/style.css";
@import "assets/plugins/jquery-ui/jquery-ui.min.css";
@import "assets/plugins/bootstrap/css/bootstrap.min.css";
@import  "assets/plugins/plugins/isotope/isotope.min.css";

And in angular.json

"styles": [
          "src/styles.css"
        ]

answered May 31, 2018 at 6:05

לבני מלכה

16.3k2 gold badges26 silver badges48 bronze badges

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

6 Comments

לבני מלכה Over a year ago

tell me for more help

Chris Kavanagh Over a year ago

Where are the docs on this? Can you point me to them, please?

לבני מלכה Over a year ago

plugin is folder that the user create... but if you npm bootstrap , jquery the files in node.modukes folder

Gautam G Over a year ago

@לבנימלכה - could you please tell, how to include JS files?

לבני מלכה Over a year ago

like style you have "scripts" arr put there those links

|

Collectives™ on Stack Overflow

Angular 6 load css folders in angular.json

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related