javascript - main.bundle.js 大小在 Angular 4 中负载过大

标签 javascript angular typescript npm

我使用的是 Angular 5.2.2 版本,当新用户第一次访问我的实时应用程序时,它花费了太多时间;这个 main.bundle.js 大小背后的原因太大了,因此它比平时花费更多的时间。

我在几个组件上应用了“ng build --prod”以及一些延迟加载,但它没有用。 以及我还删除了应用程序中的冗余组件、 Assets 等,但它也不起作用。

谁能建议我能做什么 提前致谢 亚西尔

最佳答案

我遇到了同样的问题,因为我没有使用延迟加载。延迟加载是一种将应用程序分隔在不同模块中的技术,这些模块仅在应用程序需要时才需要。 Lazy loading Angular's official documentation .

在我的例子中,我为每个父 url 路由创建了一个模块(例如/car -> 创建一个模块,/car/:id -> 将它包含在你的汽车模块中)。使用此策略,我现在的加载时间约为 3 秒。但以前是 12 秒左右。

关于javascript - main.bundle.js 大小在 Angular 4 中负载过大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48474763/

相关文章:

angular - HttpErrorInterceptor无法在Angular中重定向

javascript - React 不会触发组件中的函数

node.js - 创建包含 TypeScript 中所有导出的模块

javascript - 添加 iPhone OS 事件的 jQuery 样式事件处理程序

javascript - 如何正确删除动画集中引用的 Raphael SVG 元素?

javascript - 我的事件处理程序在事件触发之前执行,为什么?

typescript - 编译后的 Type Script 指的是全局范围的 this

javascript - 图像在另一个任何部分完成页面加载后加载

javascript - Angular 2.0 迁移路径

javascript - Navigator.share 在 Angular 中不起作用,但在 codepen 中的测试中起作用