如何在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-在ngFor中使用trackBy

Answer 2

当您使用angular-cli时，可以替代摇动树，您只需设置

"buildOptimizer": true

对于项目，它将丢弃未使用的部分。也是选项

"optimization": true

执行可显著减小捆绑包大小的缩小。希望这能有所帮助。

Answer 3

您可以使用ng build --prod来启用树摇动。

但是，注入角度服务的方式可能会影响树的摇动。阅读有关Angular service and tree shaking的更多信息。

阅读有关Angular CLI build options Angular CLI documentation的更多信息。

​

​