如何在Angular中添加自己的CSS文件？

Question

与styles.css一样，我想在我的Angular项目中全局添加自己的CSS（如my_custom.css，而不是Bootstrap）。

这样做的正确方法是什么？

Answer 1

您可以在项目根级别（与styles.css相同的级别）添加样式文件（即custom.css） 然后你可以在angular-cli.json中注册它 即

"apps":[
  {
    "styles":["style.css","custom.css"]
  }
]

Answer 2

您可以在全局样式style.css文件中导入CSS文件。

@import 'custom.css';