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，并且在prod版本中没有正确捆绑styles.css。降级至1.0.0-beta.19-3并再次运作。似乎是后来的cli项目中的一个错误。

Answer 2

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

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

PS - 我犯了错误。