root-in中的样式未在angular-cli项目中应用

Question

我正在开展一个有角度的cli项目。 我正在使用SCSS，他们正在编译，我可以观察它们的变化。 根路径中的styles.css和app.component.scss既没有编译也没有观察到更改。

这是根文件夹结构。 style.css被编译为根结构（这是在angular-cli.json中完成的）

"styles": [
      "../node_modules/bootstrap/dist/css/bootstrap.min.css",
      "../node_modules/mdi/css/materialdesignicons.min.css",
      "../node_modules/roboto-fontface/css/roboto/roboto-fontface.css",
      "../node_modules/font-awesome/css/font-awesome.min.css",
      "../node_modules/tinymce/skins/lightgray/skin.min.css",
      "styles.css"
    ]

你看不到style.css，因为它是使用vscode设置隐藏的。 这里有什么问题，如何在这里应用更改？

Answer 1

你使用什么版本的角度cli？

我使用的是1.0.0-beta.22-1，并且在test产品中没有正确捆绑styles.css。 降级至1.0.0-beta.19-3并再次运作。 似乎是后来的cli项目中的一个bug。

Answer 2

管理解决这个问题。 我遇到的问题是因为最初我的项目创建时，样式的默认扩展名是CSS，并且它已被更改，因为使用SCSS的样式更漂亮。

所以，问题是angular-cli.json中的先前配置。 当编译发生时，它没有检测到SCSS文件的变化，但是它搜索了CSS这就是答案帮助我理解错误 - Angular2 - Angular-CLI SASS选项

PS - 这是我犯错误的地方。