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

Question

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

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

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

  "styles": [
    "styles.css",
    "app/assets/css/styles.css"
  ],

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

请建议！

Answer 1

根据您的文件夹结构，正确的路径为assets/css/styles.css，因此请在angular-cli.json文件中进行更改，如下所示并进行检查。

"styles": [
  "styles.css",
  "assets/css/styles.css"
],

Answer 2

最简单的方法是创建一个文件夹（在src/中），将其styles/调入其中style.css（或SCSS和所有其他_variables.scss个文件），然后修改{ {1}}因此：

angular-cli.json