19、Ext JS 应用部署与WordPress主题构建指南

Ext JS 应用部署与WordPress主题构建指南

1. 生产环境部署

在开发过程中，我们有开发环境的 app 文件夹和所有开发的代码。而在生产环境中，我们需要将特定的代码部署到生产文件夹。

首先，我们需要将 translations 和 php 文件夹复制到生产文件夹，之后就可以再次测试应用程序，它应该能按预期工作。

如果要部署应用程序，只需将 masteringextjs/build/Packt/production 中的所有内容转移到 Web 服务器上的所需文件夹。

生产构建有诸多好处。虽然我们可以直接将开发代码部署到生产环境，但不建议这样做。生产构建能提升文件加载性能，并减小文件大小。例如，在浏览器中打开应用程序，登录并打开静态数据模块中的 “Actors” 屏幕，使用开发代码时，应用程序会发出 911 个请求，传输 4.8 MB 数据给用户，完成操作需要 13.92 秒；而使用生产构建，请求数为 450 个（由于有大量图像图标要显示，这个数字仍然较大），传输数据仅 87.9 KB。并且，在开发环境中，浏览器会加载每个 Ext JS 类，仅渲染登录屏幕就会加载 400 多个 JavaScript 文件；而生产构建只加载 4 个 JavaScript 文件。所以，为了性能考虑，应始终部署生产构建，开发代码仅用于开发目的。

2. 从 Web 到桌面：Sencha Desktop Packager

除了将 Ext JS 代码部署到 Web 服务器，我们还可以将其分发为桌面应用程序。Sencha