Sencha Touch:构建应用程序

今天对Web应用程序的需求是用较少的开发工作来开发快速的应用程序。Sencha Touch可以轻松实现此目的,因为它基于开发或生产代码以及创建自定义版本的工具,提供了许多可供选择的版本库。

Sencha Touch构建库会动态加载类。动态加载代表需要时加载的类,并且仅包括应用程序中必需的那些类。随着要加载的文件数量减少,这使应用程序运行得更快,同时减少了加载时间。

Sencha Touch 2.x提供以下五个构建库。

序号构建与使用
1个sencha-touchdebug.js在本地开发应用程序时使用此版本。它是具有所有注释和调试日志的非最小版本,可在开发过程中轻松调试。
2senchatouch.js该文件用于生产目的。当我们有一个自定义版本时,它是最小版本。
3sencha-touchall.js该文件用于生产目的。当我们没有自定义版本时,它是缩小版本。
4sencha-touchall-debug.js该文件用于生产中的调试。它不是最小的,并且具有所有注释和调试日志。
5sencha-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相同,但包含其他路径。
2sencha应用程序构建-运行本机生成并自动打包应用程序,并启动适当的模拟器。
3sencha应用程序构建软件包使用打包支持构建应用程序,但不配置打包程序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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年1月25日 下午9:00
下一篇 2021年1月25日 下午9:06

相关推荐

发表回复

登录后才能评论