我知道在同一个项目中同时使用css和sass/scss是可能的。我已经查看了一个问题,但从我看到的情况来看,在angular_cli.json文件中使用css作为styleExt时,会弹出许多警告。
.css更改/转换的任何建议过程,只需重命名还是有必要?
发布于 2018-06-14 20:57:45
如果您看到angular-cli.json,则"styles":
是一个数组。因此,它应该允许我们将多个样式文件添加为逗号分隔的数组。这应该会删除警告。
但是,我认为在您的应用程序中使用类似的样式会更好。如果要将所有文件转换为scss/sass,可以使用以下方法:
my-file.css
要my-file.scss
..component.ts
文件,请用.scss/.sass
文件名更新styleUrls
。例如: to styleUrls: ['my-file.scss']
styleUrls: ['my-file.css']
styles:[ "styles.css"],
in angular-cli.json
to styles:["styles.scss],
,这应该可以了!你可以在这里了解更多关于sass/scss的信息:Sass Lang Guide
发布于 2018-06-14 22:47:09
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中有很好的描述。
发布于 2018-06-14 23:43:36
如果您使用的是angular-cli的最新版本,则应使用此命令将css更改为sass
ng config schematics.@schematics/angular:component.styleext scss
不推荐使用
https://stackoverflow.com/questions/50857426
复制相似问题