index.html 如何呈现 Sencha touch 视图文件？

Question

开始学习sencha touch，想知道index.html文件中view文件是如何加载的，

我知道 app.js 启动函数是我们创建视图实例并将其设置到视口中的地方，但是 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，每个一个是为了它自己的目的。

Development.js文件主要用于-

加载app.json文件
用于识别运行ning 应用程序的平台，如手机、平板电脑、android 等。
在index.html

touch/sencha-touch-all.js 这是 sencha 的触摸框架文件，我们需要将其包含到运行 sencha 应用程序中。

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

"indexHtmlPath": "index.html", (可以在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"
    },

谢谢

index.html 如何呈现 Sencha touch 视图文件？

How Sencha touch view files are rendered in index.html?

html

javascript

sencha-touch

sencha-cmd