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

发布时间：2020-12-17 17:24:15 所属栏目：安全来源：网络整理

导读：我知道在同一个项目中可以同时使用css和sass / scss. 我已经看过一个提出问题的SO问题,但是从我看到的内容中,当在angular_cli.json文件中使用css作为styleExt时,会出现很多警告. 这样做是否值得推荐？我应该将所有.css文件重命名为sass / scss吗？什么是最

我知道在同一个项目中可以同时使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!