如何使用Angular CLI包含自定义样式

Hap*_*der 10 angular-cli angular

我想将自己的自定义CSS添加到我的新Angular CLI应用程序中......

然而,我正在努力让这个工作,并没有太多关于它是如何工作的文档,这使得它有点猜测工作!

在下图中,我将自定义样式表添加到.angular-cli.json文件中,如下所示:

  "styles": [
    "styles.css",
    "app/assets/css/styles.css"
  ],
Run Code Online (Sandbox Code Playgroud)

然而,这不起作用......

好心提醒!

在此输入图像描述

ran*_*al9 9

根据您的文件夹结构,正确的路径是assets/css/styles.css如此在angular-cli.json文件中更改如下并检查它.

"styles": [
  "styles.css",
  "assets/css/styles.css"
],
Run Code Online (Sandbox Code Playgroud)

  • 谢谢,这是使用的路径.我还必须停止并重新启动应用程序才能识别新位置......我只是添加它并刷新网站. (4认同)
  • 是的!重新启动`ng serve` 是我所缺少的。 (2认同)