Angular 使用 gzip 构建压缩
Angular build compression with gzip
如何减小 angular 构建大小。
我不确定我该怎么做，我应该为此使用 gzip 吗？
现在我主要关心的是如何减少我的 main.js 文件这里是构建屏幕截图 - https://snipboard.io/LkJMSe.jpg, as my website is taking around 60-70 seconds to load here is total time to load main.js - https://snipboard.io/xGyRi0.jpg。我正在使用带有 IIS 10 的 windows VPS。
我不确定我该怎么做。
谢谢
Gzip 不会干扰 Angular Build process。这是 IIS 中的一项 built-in 功能。在 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”标志。
除此之外，还有其他方法可以减少bundle size，比如Lazy-loading，在下面的博客中有提到。
https://medium.com/angular-in-depth/optimize-angular-bundle-size-in-4-steps-4a3b3737bf45
https://angular.io/guide/lazy-loading-ngmodules
如何减小 angular 构建大小。 我不确定我该怎么做，我应该为此使用 gzip 吗？
现在我主要关心的是如何减少我的 main.js 文件这里是构建屏幕截图 - https://snipboard.io/LkJMSe.jpg, as my website is taking around 60-70 seconds to load here is total time to load main.js - https://snipboard.io/xGyRi0.jpg。我正在使用带有 IIS 10 的 windows VPS。
我不确定我该怎么做。
谢谢
Gzip 不会干扰 Angular Build process。这是 IIS 中的一项 built-in 功能。在 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”标志。
除此之外，还有其他方法可以减少bundle size，比如Lazy-loading，在下面的博客中有提到。
https://medium.com/angular-in-depth/optimize-angular-bundle-size-in-4-steps-4a3b3737bf45
https://angular.io/guide/lazy-loading-ngmodules