如何在index.html中呈现Sencha触摸视图文件？

Question

我开始学习sencha touch，我想知道视图文件是如何在index.html文件中实际加载的，

我知道app.js启动功能是我们创建视图实例的地方，我们将它设置为viewport，但app.js与index.html的关联程度究竟如何？

这些脚本到底在做什么？

<script src="touch/sencha-touch-all.js"></script>
<script id="microloader" type="text/javascript" src=".sencha/app/microloader/development.js"></script>

Answer 1

microloader 是sencha sdk附带的文件夹，主要包含三个文件：development.js，production.js和testing.js，每个文件都有自己的用途。< / p>

Development.js文件主要用于 -

1. 加载app.json文件
2. 用于识别运行app的平台，如手机，平板电脑，Android等..
3. 在index.html中加载外部文件

：触摸/煎茶-触摸all.js＆＃34; 这是sencha的触摸框架文件，我们需要包含它来运行sencha app。

App.json 文件是将所有脚本/ css文件连接到index.html的主文件，此app.json文件通过下面的行连接index.html

＆＃34; indexHtmlPath＆＃34;：＆＃34; index.html＆＃34;，（你可以在app.json文件中看到它）

所以你知道我们在app.js中编写了所有的视图文件，我们将这个app.js文件包含在app.json中，代码如下。

 {
        "path": "app.js",
        "bundle": true,  /* Indicates that all class dependencies are concatenated into this file when build */
        "update": "delta"
    },

由于