如何在角度应用中检查CSS加载的大小

您应该先进入“网络”选项卡,然后重新加载页面。重新加载后,单击CSS过滤器,您将看到应用程序中包含的所有CSS列表,以及文件大小。

假设您正在为您的项目使用angular cli,它在内部使用Webpack…

一旦你建立了一个项目。A dist 在项目根目录中生成目录。看看它,你会发现 .js 和 .css 它可能生成的束。

注意-大小将根据您所做的构建类型而变化。对于生产构建,大小将是最小的,对于其他类型的构建,如果有的话,大小可能会有所不同。

我没有找到任何在网络中生成的CSS,如上面的答案,但我做了一个技巧。

我转到Webpack文件夹,在那里找到了一个生成的CSS。(通过随机的css selecto搜索)。

我右键单击并将其保存在桌面上。如果检查此CSS文件的属性,它将以KB为单位显示大小。