angular - 如何在 Angular 7 应用程序中实现摇树

Question

我想通过应用摇树概念来提高我的 angular 应用程序性能，你能建议任何引用如何实现。

现在我正在尝试使用以下引用链接来实现摇树

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

以上引用包括在 webpack.config.js 中的一些修改
但在应用程序中没有看到该文件

npm install --save-dev webpack

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

Answer 1

由于您使用的是 angular 7，因此您无需执行任何操作，默认情况下，该版本与默认值 aot 一起完成。 .你需要做的就是在 prod 中运行你的构建
ng build --prod
您还可以采取其他一些措施来提高应用程序的性能，例如:

1- 使用延迟加载的路由。
2- 使用 gzip 压缩(在服务器级别完成)
3-缓存
4- 服务人员
5- 使用服务器端渲染
6- 使用 OnPush 最小化变更检测变化检测
7- 使用 trackBy在您的 ngFor