首页 > 解决方案 > 如何在 Angular 7 应用程序中实现摇树

问题描述

我想通过应用摇树概念来提高我的角度应用程序性能,您能否建议任何参考如何实现。

现在我试图通过使用下面的参考链接来实现摇树

https://blog.rangle.io/optimize-your-angular2-application-with-tree-shaking/

上述参考包括一些修改,webpack.config.js 但在应用程序中没有看到该文件

npm install --save-dev webpack

使用上面安装的 webpack 但仍然无法找到webpack.config.js文件

标签: angular

解决方案


由于您使用的是 angular 7,因此您无需执行任何操作,该版本默认情况下与 default 一起完成aot。您需要做的就是在 prod 中运行您的构建

ng build --prod

您还可以做一些其他事情来提高您的应用程序性能,例如:

1-使用延迟加载的路线。
2- 使用 gzip 压缩(在服务器级别完成)
3- 缓存
4- 服务工作者
5- 使用服务器端渲染6- 通过使用更改检测
最小化更改检测 7-在您的OnPush
trackByngFor


推荐阅读