Angular - including CSS file in index.html

Question

I\'m trying to use the angular2-busy library in an angular project created with the CLI, but am having an issue importing the stylesheet:

Answer 1

Basically there are three different ways to do that :-

1. By adding it to the "styles" array in angular-cli.json file as is shown by @penleychan in his answer.

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ]

2. You can directly import the css file into styles.css file (or any other css file) that is included in "styles" array in angular-cli.json file by adding the @import statement at the top of that file.

@import "~bootstrap/dist/css/bootstrap.min.css";

3. Include the css file in index.html page by adding a link element.

You can find a more elaborated explanation and a few more alternatives at this link