在同一项目中使用scss / sass和css的角度

Question

我知道可以在同一项目中同时使用css和sass / scss。我看了一个SO问题，但是从我看到的角度来看，当在angular_cli.json文件中使用css作为styleExt时，会弹出很多警告。

1. 是否建议这样做？
2. 我应该将所有.css文件重命名为sass / scss吗？
3. 什么是最好的scss / sass，我猜是scss？
4. 是否有任何建议的更改/转换步骤，只是重命名还是有必要？

Answer 1

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

但是，我认为最好在您的应用程序中具有相似的样式。如果您想将所有文件转换为 scss/sass，可以通过以下方式进行：

1. 将您的 css 文件重命名为 .scss/.sass。例如：my-file.css到my-file.scss。
2. 在每个相应的.component.ts文件中，更新文件styleUrls名.scss/.sass。例如：styleUrls: ['my-file.css']到styleUrls: ['my-file.scss']
3. 将styles:[ "styles.css"],in更改angular-cli.json为styles:["styles.scss],，这样就可以了！

您可以在这里了解有关 sass/scss 的更多信息：Sass Lang 指南