Angular 角度2问题

Angular 角度2问题,angular,npm,lite-server,Angular,Npm,Lite Server,我用lite服务器在angular 2中开发了一个应用程序。我一启动lite服务器,我的应用程序就运行得又快又好,但过了一段时间,我的应用程序就变得非常慢。我会重新启动lite服务器(NPMStart)来解决这个问题,但我计划将我的应用程序转移到生产环境中。我想避免这种频繁重启lite服务器的情况。如何提高我的应用程序性能?如果你想在生产模式下测试你的应用程序,ANGULAR CLI可以帮助你很多 它可以为您的测试运行做准备 ng发球——戳 它将作为本地机器的生产模式启动 相反,如果您想将其置于

我用lite服务器在angular 2中开发了一个应用程序。我一启动lite服务器,我的应用程序就运行得又快又好,但过了一段时间,我的应用程序就变得非常慢。我会重新启动lite服务器(
NPMStart
)来解决这个问题,但我计划将我的应用程序转移到生产环境中。我想避免这种频繁重启lite服务器的情况。如何提高我的应用程序性能?

如果你想在生产模式下测试你的应用程序,ANGULAR CLI可以帮助你很多

它可以为您的测试运行做准备

ng发球——戳

它将作为本地机器的生产模式启动 相反,如果您想将其置于生产模式,您可以运行

ng构建--prod--aot(提前编译)


这将创建一个包含bundle.js和其他文件的dist文件夹,您可以直接在.WAR.js中更新该文件。

当您部署ng2应用程序时,我应该使用AOT(提前)编译。 我猜您正在使用JIT(即时)编译

在angular2指南页面中

使用AOT,浏览器下载应用程序的预编译版本。浏览器加载可执行代码,以便可以立即呈现应用程序,而无需先编译应用程序

当您使用JIT编译时,您的浏览器将下载由angular2编译器定义的vendor.js,它将及时编译您的应用程序。这会使你的网站渲染变慢

我建议在部署时使用AOT编译,并对资源大小使用延迟加载

如果您对ng2 AOT编译感兴趣,请阅读本指南

下面是示例angular2应用程序,带有webpack2和延迟加载

与aot绑定的文件小于500KB


如果您想了解生产性能,请进行生产构建,并将其与生产服务器一起使用。如果性能仍在下降,请发布一个新问题,提供有关应用程序的更多详细信息。