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

前端之家收集整理的这篇文章主要介绍了Angular在同一个项目中使用scss / sass和css前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道在同一个项目中可以同时使用css和sass / scss.
我已经看过一个提出问题的SO问题,但是从我看到的内容中,当在angular_cli.json文件中使用css作为styleExt时,会出现很多警告.

>这样做是否值得推荐?
>我应该将所有.css文件重命名为sass / scss吗?
>什么是最好的scss / sass,我的猜测是scss?
>任何推荐的更改/转换程序,只需重命名或是否有必要?

解决方法

如果你看到angular-cli.json,“styles”:是一个数组.所以它应该允许我们将多个样式文件添加为逗号分隔的数组.这应该删除警告.

但是,我认为在您的应用程序中使用相似的样式会更好.如果要将所有文件转换为scss / sass,可以通过以下方式执行此操作:

>将您的css文件重命名为.scss / .sass.例如:my-file.css到my-file.scss.
>在每个相应的.component.ts文件中,使用.scss / .sass文件名更新styleUrls.例如:styleUrls:[‘my-file.css’]到styleUrls:[‘my-file.scss’]
>更改样式:[“styles.css”],在angular-cli.json中为样式:[“styles.scss],那应该这样做!

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

猜你在找的Angularjs相关文章