Angular 6 在项目中混合样式

Posted 2023-03-06

【中文标题】Angular 6 在项目中混合样式

【英文标题】：Angular 6 mixes styles in project

【发布时间】：2019-04-19 11:05:34

【问题描述】：

我是 Angular 6 的新手，所以问题是我有 main.min.css 文件，但不知道该放在哪里。 Styles.sass、app-component.sass 或直接放入组件文件夹。请解释一下它们之间有什么区别，以及我应该把这个文件放在哪里。

main.min.css 文件是 gulp 创建的，我用的是 webpack，可能有问题？

【问题讨论】：

在生成angular cli项目时你选择了css还是sass？

我在生成时选择了 sass。我注意到它与 css 完美搭配，但结构是 some code

是所有组件通用的样式表，然后您可以将其添加到根组件/应用程序组件中，否则添加到您想要的特定组件中

还要具体说明您要达到的目标吗？你想在你的 Style.sass 文件中使用这个 css 文件吗？

是的，我将 stylesUrl 更改为 main.min.css，而不是 styles.scss。这个 css 文件具有所有项目的全局样式。

【参考方案1】：

用 css 重建项目，而不是 sass