问题描述
如何减小我的角度构建大小。 我不确定该如何使用gzip?
现在,我主要关心的是如何减少我的main.js文件,这里是构建屏幕截图-https://snipboard.io/LkJMSe.jpg,因为我的网站加载大约需要60-70秒,这是加载main的总时间。 js-https://snipboard.io/xGyRi0.jpg。我正在使用带有IIS 10的Windows VPS。
我不确定该怎么做。
谢谢
解决方法
Gzip不会干扰Angular Build process
。它是IIS中的内置功能。在IIS中启用GZip很简单,只需检查IIS压缩模块中的以下选项即可。
如果IIS中没有压缩模块,请在Windows功能中启用它。
请参考官方文档。
https://docs.microsoft.com/en-us/previous-versions/windows/it-pro/windows-server-2012-R2-and-2012/hh831370(v=ws.11)?redirectedfrom=MSDN
在IIS网站中启用它后,我们可以打开开发者控制台的“网络”选项卡以进行验证,在“Response Headers”
中,Content-Encoding
字段将带有“ GZip”符号。
此外,还有其他减小捆绑包大小的方法,例如在下面的博客中提到的延迟加载。
https://medium.com/angular-in-depth/optimize-angular-bundle-size-in-4-steps-4a3b3737bf45
https://angular.io/guide/lazy-loading-ngmodules