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