Sencha Touch - 构建
当今对 Web 应用程序的需求是以较少的开发工作量开发快速应用程序。Sencha Touch 可帮助您轻松实现这一目标，因为它提供了许多构建库供您选择，这些构建库基于开发或生产代码，并且还提供了创建自定义构建的功能。
Sencha Touch 构建库动态加载类。动态加载代表在需要时加载的类，并且仅包含应用程序中所需的类。这使得应用程序运行得更快，因为要加载的文件数量减少了，同时减少了加载时间。
Sencha Touch 2.x 提供了以下五个构建库。
| Sr.No. | 构建 &用法 |
|---|---|
| 1 |
sencha-touchdebug.js 此版本用于本地开发应用程序。它是一个非压缩版本，包含所有注释和调试日志，便于在开发过程中进行调试。 |
| 2 |
senchatouch.js 此文件用于生产目的。当我们有自定义版本时，它是压缩版本。 |
| 3 |
sencha-touchall.js 此文件用于生产目的。当我们没有自定义构建时，它是最小化版本。 |
| 4 |
sencha-touchall-debug.js 此文件用于生产中的调试。它没有最小化，并且包含所有注释和调试日志。 |
| 5 |
sencha-touchall-compat.js 此构建用于将版本 1.x 迁移到版本 2.x。当 1.x 版代码不兼容且需要修改代码时，它会发出警告。 |
通过上述构建，Sencha Touch 提供了创建自定义构建的功能。
自定义构建的优势
自定义构建不会加载所有 touch 文件。它只加载我们在应用程序中使用的文件，这使得应用程序更快、更易于维护。
Sencha CMD 用于创建自定义构建。要在 Sencha CMD 中创建自定义构建，请转到应用程序文件所在的目录并键入以下命令之一来创建构建。
| Sr.No. | 命令 &用法 |
|---|---|
| 1 |
sencha app build native 构建应用程序并准备一个名为 packager.temp.json 的文件，您可以使用该文件打包应用程序 - packager.temp.json 与 packager.json 相同，但包含其他路径。 |
| 2 |
sencha app build -run native 构建并自动打包应用程序，并启动相应的模拟器。 |
| 3 |
sencha app build package 构建具有打包支持的应用程序，但不配置打包程序 JSON文件。这对于手动维护多个 packager.json 文件的项目很有用。 |
构建成功后，它将生成 all-classes.js 文件，我们需要将其包含在 index.html 中以使其可用于生产环境。
以下代码显示了生产就绪代码需要进行的更改。
构建应用程序之前的 Index.html
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-debug.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
</head>
<body>
</body>
</html>
构建应用程序后的 Index.html
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
<script type = "text/javascript" src = "app-classes.js"> </script>
</head>
<body>
</body>
</html>
