Я не можу знайти спосіб імпортувати css у свій компонент програми. Все на google показує щось інше ...
У моєму компоненті я defind
@Component({
styleUrls : [../css/bootstrap.min.css]
})
і кожен раз я отримую повідомлення Не вдалося скомпілювати.
Це моя файлова структура:
rootFolder/app/appFileIsHere
rootFolder/css/bootstrapFilesAreHere
Я спробував ./css / ... але не працює css / bootstrap не працює. шлях стилю ...
Відповіді:
1 для відповіді № 1Як і запропонував plvice, імпортуйте файл scss bootstrap у ваш глобальний CSS style.scss
@import "path/to/css/bootstrap.scss";
або оголосити min.css у вашому .angular-cli.json
...
"styles": [
"app/core/preloader/preloader.scss",
"styles.scss",
"path/to/css/bootstrap.scss"
]
...
0 для відповіді № 2
По-перше, додайте файл CSS до папки активів, після чого потрібно додати свій файл CSS у файл angular-cli.json (це застосує ваш CSS до вашої програми, а це - у папці проекту)
У вашому (.angular-cli.json
)
"styles": [
"assets/bootstrap.css"
]