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

Question

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

导入angular.json

导入styles.css

希望很好地解释了我的问题。预先感谢。

Answer 1

我们使用styles文件内部的angular.json数组来声明全局样式（styles.css是一种）。

如果将所有其他样式表导入到styles.css中，则实际上您最终将获得一个由它们全部组成的大型全局样式表。

如果您独立地导入所有样式表（将每个样式表放入angular.json styles数组中，则最终会得到多个全局样式表。

最终，在大多数情况下，差异可以忽略不计。

Answer 2

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

通过导入styles.css中的css文件，您可以出于组织代码的目的将css代码分成单独的文件

有关全局样式的更多信息，请遵循此link