问Angular在同一项目中使用scss/sass和css

EN

如果您看到angular-cli.json，则"styles":是一个数组。因此，它应该允许我们将多个样式文件添加为逗号分隔的数组。这应该会删除警告。

但是，我认为在您的应用程序中使用类似的样式会更好。如果要将所有文件转换为scss/sass，可以使用以下方法：

1. 将css文件重命名为.scss/.sass。例如：my-file.css要my-file.scss.
2. In每个相应的.component.ts文件，请用.scss/.sass文件名更新styleUrls。例如: to styleUrls: ['my-file.scss']
3. Change styleUrls: ['my-file.css'] styles:[ "styles.css"], in angular-cli.json to styles:["styles.scss],，这应该可以了！

你可以在这里了解更多关于sass/scss的信息：Sass Lang Guide

1.在本地样式的情况下，不推荐使用。因为在angular中同时处理两种类型的组件太复杂了。但对于global style、defer load CSS或inline css，您可以选择as选项。

对于2. 3.如果你已经有一些.css代码，请使用.css。每个.css代码都可以包含在.scss文件中。更多详细信息，请阅读this link。

answer 4.在Sourangshu's answer和1中的https://angular.io/guide/component-styles#component-styles和the link中有很好的描述。

如果您使用的是angular-cli的最新版本，则应使用此命令将css更改为sass

ng config schematics.@schematics/angular:component.styleext scss

不推荐使用

1. ，但这是可能的。在components.
2. They中使用
3. 是和更改它是相似的。主要区别在于语法。What's the difference between SCSS and Sass?
4. You应该有变量的文件。和一些文件夹，用于共享样式/混合和其他可重复使用的内容。