-1

我在 Angular 2 中开发了一个带有 lite 服务器的应用程序。一旦我启动 lite 服务器,我的应用程序运行良好且快速,但一段时间后,我的应用程序变得非常慢。我将重新启动 lite 服务器 ( npm start) 来解决此问题,但我计划将我的应用程序移至生产环境。我想避免这种频繁重启 lite 服务器。如何提高我的应用程序性能?

4

2 回答 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 感到好奇,请阅读本指南。

angualar2-cookbook-AOT

这是带有 webpack2 和延迟加载的示例 angular2 应用程序。

与 aot 捆绑的文件小于 500KB。

angular2-webpack2-aot

于 2017-02-14T05:38:24.223 回答