15

在我的开发中，我需要包含第三方 javascripts；像money.js (http://josscrowcroft.github.com/money.js/)

实现它的最佳“干净”/“正确”方法是什么？只需将其包含在 index.html 中？

4

4 回答 4

18

不，不要直接在文件中添加额外的 javascriptindex.html文件。这不是推荐的方式（尽管它可能有效）。

相反，这样做，

  • 在您的index.html. microloader 是 sencha sdk 附带的文件夹，主要包含三个文件development.js，production.js和testing.js，每个文件都有自己的用途。

<script id="microloader" type="text/javascript" src="../../microloader/development.js"> </script>

  • 然后，在您的<appname>文件夹中，您需要有一个名为app.json. 它看起来像这样..
{
    "name": "Sencha",

     // All javascript files go here ...
    "js": [
        {
            "path": "../../sencha-touch-all-debug.js"
        },
        {
            "path": "app.js",
            "update": "delta"
        },
        { 
            "path": "http://josscrowcroft.github.com/money.js/",
            "update": "delta"  
        }
    ],
    "css": [
        {
            "path": "../../resources/css/sencha-touch.css",
            "update": "delta"
        },
        {
            "path": "resources/css/app.css",
            "update": "delta"
        }
    ],

    .....
    .....
    .....
 }
于 2012-04-26T14:05:24.840 回答
3

如果您使用 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>

因此，在更改 app.json 之后，您需要刷新您的应用程序：

sencha app refresh
于 2014-04-12T14:51:31.170 回答
1

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

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

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

于 2014-10-30T04:58:46.183 回答
0

如果外部 JavaScript 库是本地的，则以下内容适用于 Ext JS 5.0.0。编辑完成后，运行“sencha app build”

对 app.json 中的三个 JSON elememtns 进行更改。(1) js (2) css (3) 资源

{
    "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"

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

于 2014-06-14T01:54:10.337 回答