Sencha touch 在Sencha Touch 2中加载外部javascript的正确方法是什么

在我的开发中，我需要包括第三部分Java脚本；比如money.js(http://josscrowcroft.github.com/money.js/)

---

实现这一目标的最佳“干净”/“适当”方式是什么？只需将其包含在index.html中？

否。不要直接在

index.html

文件中添加额外的javascript文件。这不是推荐的方法（尽管可能有效）

而是这样做,

• 在

  index.html

  中包含以下行。microloader是sencha sdk附带的文件夹，主要包含三个文件，

  development.js

  、

  production.js

  和

  testing.js

  ，每个文件都有自己的用途

• 然后，在
  文件夹中，需要一个名为

  app.json

  的文件。它看起来像这样

---

如果使用Sencha Cmd，index.html可能如下所示：

<!-- The line below must be kept intact for Sencha Command to build your application -->
<script id="microloader" type="text/javascript" src=".sencha/app/microloader/development.js"></script>

---

如果外部JavaScript库是本地的，那么以下内容在ExtJS5.0.0中适用。编辑完成后，运行“sencha应用程序构建”

在app.JSON中更改三个JSON元素。 （1） js （2） css （3） 资源

],， ..... ..... }

---

纯javascript为我做到了这一点。我刚刚在启动函数中包含了这段代码：

var scriptTag = document.createElement('script');
scriptTag.src = 'specify the path here...';
document.body.appendChild(scriptTag);

---

scriptTag会附加到索引文件的正文中。

Elegent解决方案如果要工作。。。我在测试/生产构建中尝试了这两种方法；它不会被加载：（试着直接在

index.html

中编写它。当涉及到使用一些本地附加js文件时，上述解决方案非常适合我。Hmmm欢迎：-）将其放入index.html会起作用，但这样会减慢启动加载时间，因为它必须立即加载脚本。按照roadRunner的建议进行操作具有延迟加载的优点（我认为？？）你知道这个问题吗？@99tm提供的解决方案是正确的，但这是使用Sencha Cmd时的一个必要步骤。+1我使用的教程完全忘了提到这一点。谢谢。

sencha app refresh

{
    "name": "Sencha",

     // All javascript files go here ...
"js": [
    {
        "path": "app.js",
        "bundle": true
    },
    {
        "path": "leaflet/leaflet.js",
        "bundle": true
    }
],
"css": [
    {
        "path": "bootstrap.css",
        "bootstrap": true
    },
    {
        "path": "leaflet/leaflet.css",
        "bootstrap": true
    }
],

    .....
/**
 * Extra resources to be copied along when build
 */
"resources": [""leaflet/leaflet.js","leaflet/leaflet.css"

var scriptTag = document.createElement('script');
scriptTag.src = 'specify the path here...';
document.body.appendChild(scriptTag);