今天对Web应用程序的需求是用较少的开发工作来开发快速的应用程序。Sencha Touch可以轻松实现此目的，因为它基于开发或生产代码以及创建自定义版本的工具，提供了许多可供选择的版本库。
Sencha Touch构建库会动态加载类。动态加载代表需要时加载的类，并且仅包括应用程序中必需的那些类。随着要加载的文件数量减少，这使应用程序运行得更快，同时减少了加载时间。
Sencha Touch 2.x提供以下五个构建库。
| 序号 | 构建与使用 |
|---|---|
| 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提供了创建自定义构建的工具。
具有自定义版本的优点
自定义构建不会加载所有触摸文件。它仅加载我们在应用程序中使用的那些文件，从而使应用程序更快速，更易于维护。
Sencha CMD用于创建自定义版本。要在Sencha CMD中创建自定义版本，请转到应用文件所在的目录，然后键入以下命令之一以创建版本。
| 序号 | 命令与用法 |
|---|---|
| 1个 | sencha应用程序构建本机生成应用程序并准备一个名为packager.temp.json的文件，可用于打包应用程序-packager.temp.json与packager.json相同，但包含其他路径。 |
| 2 | sencha应用程序构建-运行本机生成并自动打包应用程序，并启动适当的模拟器。 |
| 3 | sencha应用程序构建软件包使用打包支持构建应用程序，但不配置打包程序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>作者：terry，如若转载，请注明出处：https://www.web176.com/senchatouch/1652.html
支付宝 
微信 