希望你们都做得很好。
我在我的 Angular 应用程序中使用 SCSS 和 Bootstrap，正如我们所知，一旦 Angular 应用程序运行，它会将这些 SCSS 文件转换为它的 CSS 版本。
我需要为优化任务显示一些报告，因此如何检查为应用程序整体生成的 CSS 文件大小。
任何想法。我尝试使用谷歌搜索和 Stack Overflow 上的此处，但找不到所需的解决方案。我什至在浏览器的网络选项卡中看不到任何 CSS 文件。
有什么建议吗？
最佳答案
假设您正在为您的元素使用 Angular CLI，它在内部使用 webpack...
一旦你建立了一个元素。 dist 目录在元素根目录中生成。查看它，您会发现它可能生成的所有 .js 和 .css 包。
注意 - 大小会根据您进行的构建类型而有所不同。对于生产构建，大小将是最小的，对于其他类型的构建，如果有的话，大小可能会有所不同。
关于css - 如何在 Angular 应用程序中检查 CSS 加载大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50791304/