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

标签 angular

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

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

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

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

关于angular - 如何在 Angular 7 应用程序中实现摇树,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54424501/

相关文章:

javascript - 使用 Material Angular 10 的格式更改 Datepicker 的语言

html - 如何为匹配给定值的元素设置 id?

angular - Openlayers 4.6.5 和 Angular 6 无法删除像素处绘制的形状

javascript - 出于相同目的在两个地方使用路由器指令

angular - 如何在 Accordion 顶部制作下拉菜单

angular - 更改值格式时输入中显示 NaN

javascript - 以 Angular 删除 beforeunload 事件

angular - 如何减少 Ionic Cordova Project Start 持续时间?

angular - Electron Angular App,如何使用原生节点模块

angular - 获取 indexedDb 配额存储信息