Jak załadować css w kanciastym 4? - css, kątowy, bootstrap-4

Nie mogę znaleźć sposobu na zaimportowanie css do mojego komponentu aplikacji. Wszystko w Google pokazuje coś innego ...

W moim komponencie zepsułem się

@Component({
styleUrls : [../css/bootstrap.min.css]
})

i za każdym razem, gdy otrzymuję komunikat Nieudana kompilacja.

To jest moja struktura plików:

rootFolder/app/appFileIsHere
rootFolder/css/bootstrapFilesAreHere

Próbowałem ./css / ... ale czy nie działa css / bootstrap nie działa ./../css/bootstrap nie działa. ścieżka stylu ...

Odpowiedzi:

Zgodnie z sugestią, powinieneś albo zaimportować plik scss bootstrap w swoim globalnym CSS style.scss

@import "path/to/css/bootstrap.scss";

lub zadeklaruj min.css w swoim .angular-cli.json

...
"styles": [
"app/core/preloader/preloader.scss",
"styles.scss",
"path/to/css/bootstrap.scss"
]
...

Najpierw dodaj plik CSS do folderu zasobów, a następnie dodaj swój plik CSS do angular-cli.json (spowoduje to zastosowanie CSS do aplikacji, a to jest w folderze projektu)

W Twoim(.angular-cli.json)

"styles": [
"assets/bootstrap.css"
]