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

【问题标题】：Importing styles in angular.json vs importing in styles.css?在 angular.json 中导入样式与在 styles.css 中导入？
【发布时间】：2019-08-14 00:04:33
【问题描述】：

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

在 angular.json 中导入

在styles.css中导入

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

【问题讨论】：

标签： css angular build

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

有关全局样式的更多信息，请关注link

【讨论】：