gpt4 book ai didi

angular - 在 Angular 7+ 项目中同时使用 Sass (Scss) 和 Less

转载 作者:太空狗 更新时间:2023-10-29 17:49:03 27 4
gpt4 key购买 nike

创建项目并指定 CSS 预处理器非常简单

ng new my-app --style=scss
... --style=sass
... --style=less

也将默认设置为现有项目

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

但是如果我想同时使用 Sass 怎么办?和 Less ?
这可能吗?

我想整合 Ng-zorro ,它使用 Less , 和 Clarity ,它使用 Sass用于定制。

最佳答案

通过设置默认的 CSS 扩展,您只需说明在运行时应该创建什么

ng g component test

然后该组件将具有您配置的扩展名的样式文件。

无论如何,这并不意味着您不能同时使用两者。

只需将生成文件的扩展名更改为.less 并适配组件中的引用即可。

styleUrls: ['./test.component.less'],

甚至保留两个文件:

styleUrls: ['./test.component.less', './test.component.scss'],

因此,您现在有一个 less 样式文件。

最终,您可以在项目中混合使用所有可能的 CSS 方言。

关于angular - 在 Angular 7+ 项目中同时使用 Sass (Scss) 和 Less,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55027454/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com