angular - 如何在 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 7,因此您无需执行任何操作,该版本默认情况下与 default 一起完成aot
。您需要做的就是在 prod 中运行您的构建
ng build --prod
您还可以做一些其他事情来提高您的应用程序性能,例如:
1-使用延迟加载的路线。
2- 使用 gzip 压缩(在服务器级别完成)
3- 缓存
4- 服务工作者
5- 使用服务器端渲染6- 通过使用更改检测
最小化更改检测
7-在您的OnPush
trackBy
ngFor
推荐阅读
- java - 如何跳过索引文件并直接显示 json 响应?
- go - 相当于go中的python“help()”?
- ios - 当 iPhone 锁定在 React-native 中时,有没有办法保存加速度计数据
- javascript - 如何根据绝对容器中响应图像的高度设置父(相对)的动态高度
- java - 如何修复 CosmosDB for MongoDB api 上的“不支持投影运算符”错误?
- node.js - 为什么无服务器端点 URL 不起作用?
- routing - 沿途寻找高速公路出口
- reactjs - 在能够加载登录页面(Home 组件)之后,如何让其余的 React 组件通过 github 页面呈现?
- python - 使用 Axes3D.plot_wireframe 和 Axes3D.scatter 绘图:线框隐藏的散点
- delphi - 避免在启用运行时主题时在透明控件中闪烁