在使用CLI和Sass的Angular项目中,如何查看已编译的组件CSS?

在使用CLI和Sass的Angular项目中,如何查看已编译的组件CSS?,angular,sass,angular-cli,Angular,Sass,Angular Cli,在Angular 10项目中,我们对所有组件样式表使用Sass。Angular编译Sass,然后通过javascript交付样式表 这很好,除非是在检查我们编译的CSS以查看我们的Sass中哪里可能存在低效的时候。我在构建项目时收到大小警告,某些样式表超出了预算,但我不知道如何以CSS形式查看这些样式表,以了解我们为什么超出预算,以及还有哪些地方需要改进 我相信样式表在角度构建过程中会经历一个“css”阶段——有没有办法捕获这些样式表,以便我可以直接检查这些文件?我认为您可以实现类似uing和自

在Angular 10项目中,我们对所有组件样式表使用Sass。Angular编译Sass,然后通过javascript交付样式表

这很好,除非是在检查我们编译的CSS以查看我们的Sass中哪里可能存在低效的时候。我在构建项目时收到大小警告,某些样式表超出了预算,但我不知道如何以CSS形式查看这些样式表,以了解我们为什么超出预算,以及还有哪些地方需要改进


我相信样式表在角度构建过程中会经历一个“css”阶段——有没有办法捕获这些样式表,以便我可以直接检查这些文件?

我认为您可以实现类似uing和自定义网页包配置的功能。我以前从未这样做过,但我已经用自定义网页配置写了一些示意图。也阅读了本文。嗯。。。理想情况下,我不想构建一个新的构建系统,我只想在已经创建的文件上有一个峰值(我相信)。但我会看一看。谢谢你的建议。