Angular2 проект с angular-cli не загружает css файлы

Привет я использую проект angular2 с angular-cli, angular2-material, angular2-firebase, библиотека angular2-material работает хорошо, но я замечаю, что css, например, если вы объявляете css на уровне компонента или на уровне src, который является стилем.css браузер не получает классы при проверке элементов на странице, также не работает даже при вызове css по индексу.html, единственное, что работает, это тема.scss объявляют в angular-cli.json но нет другого стиля, это версии, которые я использую.

npm: '4.0.5',
node version v7.4.0

angular-cli: 1.0.0-beta.25.5
node: 7.4.0
os: win32 x64
@angular/common: 2.4.3
@angular/compiler: 2.4.3
@angular/core: 2.4.3
@angular/flex-layout: 2.0.0-beta.1
@angular/forms: 2.4.3
@angular/http: 2.4.3
@angular/material: 2.0.0-beta.1
@angular/platform-browser: 2.4.3
@angular/platform-browser-dynamic: 2.4.3
@angular/router: 3.4.3
@angular/compiler-cli: 2.4.3

1 ответ

  1. чтобы загрузить CSS стили с webpack вы должны добавить’ style-loader ‘и’ css-loader ‘ плагин для webpack, а затем webpack будет автоматически найден и ввести их на вашу страницу, импортируя их в вашем компоненте, например, вы могли бы добавить его в appComponent.ts, делая это:

    import '../assets/styles.css'
    

    чтобы добавить webpack config в проект с помощью команды angular cli, выполните следующее:

    ng eject