在angular.json中导入样式与在styles.css中导入？

Question

在angular.json中导入样式和在styles.css中导入之间有什么区别？

导入angular.json

导入styles.css

希望能很好地解释我的问题。提前致谢。

Answer 1

文件styles内部的数组angular.json用于声明项目的全局样式（styles.css是一个）。

如果您将所有其他样式表导入styles.css（并styles.css在 中的styles数组中指定angular.json），您将最终得到一个全局的、复合的样式表。

如果您将所有样式表angular.json styles独立地放入数组中（而不是将它们导入styles.css），您最终会得到多个全局样式表。

Answer 2

styles.css文件angular.json 允许用户添加全局样式并支持 CSS 导入。您可以通过项目构建目标选项中的 styles 选项添加更多全局样式angular.json。这些将完全加载，就像您将它们添加到<link>内的标签中一样index.html。

导入 css 文件使styles.css您可以将 css 代码分成单独的文件以便组织代码

有关全局样式的更多信息，请点击此链接