我刚刚开始研究角4.0.0和angular-cli很不错 . 但我面临着编译sass文件的问题 .
而不是将所有组件.scss文件解析为一个,webpack正在添加一个带有所有css的内联样式标记 .
这是一个预期的行为,或者我在angular-cli中缺少node-sass和sass-loader的一些配置
"styles": [
"styles.scss"
],
"defaults": {
"styleExt": "scss",
"component": {}
}
这就是样式的cli配置 .
对于app配置styles.scss导入app.components.scss和app.component.scss导入所有其他组件的scss .
谢谢你的帮助 .
1 回答
文件
styles.scss
通常用于存储全局样式 . 请在这里阅读更多相关信息:https://github.com/angular/angular-cli/wiki/stories-global-styles如果您遇到问题样式问题 - 请仔细检查以确保package.json中包含node-sass . 如果没有,那么
npm install node-sass --save-dev
如果我正确理解你的问题,那么它是预期的行为,Angular会调用行为View Encapsulation . 您可以在此处阅读有关它以及Angular如何使用样式的更多信息:https://angular.io/docs/ts/latest/guide/component-styles.html