Question

您好我使用angular-cli，angular2-material，angular2-firebase的angular2项目，angular2-material库工作正常，但我注意到css，例如，如果你在组件上声明一个css level或在src级别是style.css，当你检查页面上的元素时，浏览器没有获取类，即使你在index.html上调用css也无法工作，唯一有效的是theme.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

Answer 1

要使用webpack加载css样式，你应该在webpack中添加'style-loader'和'css-loader'插件，然后webpack将自动找到并通过在Component中导入它们将它们注入你的页面，例如你可以添加它通过这样做到appComponent.ts：

import '../assets/styles.css'

使用angular cli命令将webpack配置添加到项目中，您应该运行此命令：

ng eject

带有angular-cli的Angular2项目没有加载css文件

1 个答案: