我在 Angular 2 中开发了一个带有 lite 服务器的应用程序。一旦我启动 lite 服务器,我的应用程序运行良好且快速,但一段时间后,我的应用程序变得非常慢。我将重新启动 lite 服务器 ( npm start
) 来解决此问题,但我计划将我的应用程序移至生产环境。我想避免这种频繁重启 lite 服务器。如何提高我的应用程序性能?
问问题
394 次
2 回答
0
如果您想在生产模式下测试您的应用程序,ANGULAR CLI 可以为您提供很多帮助。
它可以为您准备测试运行
ng服务--prod
它将在您的本地机器中作为生产模式启动相反,如果您想将其置于生产模式,您可以运行
ng build --prod --aot(提前编译)
这将使用您的 bundle.js 和其他文件创建一个 dist 文件夹,您可以直接在 .WAR 中更新这些文件
于 2017-01-26T10:40:17.613 回答
0
当您部署 ng2-app 时,我应该使用 AOT(提前)编译。我猜你正在使用 JIT(及时)编译。
在 angular2 指南页面中,
使用 AOT,浏览器会下载应用程序的预编译版本。浏览器加载可执行代码,因此它可以立即呈现应用程序,而无需等待先编译应用程序。
当您使用 JIT 编译时,您的浏览器将下载您的 vendor.js,它是定义的 angular2 编译器,它会及时编译您的应用程序。它会使您的网站呈现缓慢。
我建议在部署时使用 AOT 编译,并使用延迟加载来确定资源大小。
如果您对 ng2 AOT compile 感到好奇,请阅读本指南。
这是带有 webpack2 和延迟加载的示例 angular2 应用程序。
与 aot 捆绑的文件小于 500KB。
于 2017-02-14T05:38:24.223 回答