javascript - 根目录中的样式未应用于 angular-cli 项目

Question

我正在开发一个 angular-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

您使用的是哪个版本的 Angular cli？

我使用的是 1.0.0-beta.22-1，并且 styles.css 未正确捆绑在产品版本中。降级到 1.0.0-beta.19-3 后又可以使用了。好像是后来的cli项目中的一个bug。