包含库 (jQuery)

Question

我想包含两个库（jQuery、Highcharts）。我试图在 config.json 文件中将它们添加为 additional-js:

"additional-js" : { 
    "add-script" : [
       { "uri" : "script/jquery-3.1.0.min.js" },
       { "uri" : "script/highcharts.js" } 
    ] 
},

问题是，包含的顺序被构建更改了。构建后 highcharts.js 是第一个包含的。我该如何管理顺序？

Answer 1

我知道这不是对您问题的直接回答。我从未通过 config.json.

中的 add-script 配置参数使用过脚本

我还在我的 qooxdoo 应用程序中使用 qx.util.DynamicScriptLoader 集成了 jquery 和 highcharts（参见 http://www.qooxdoo.org/devel/api/#qx.util.DynamicScriptLoader ），它允许在实例初始化时加载外部库，同时严格保留给定的加载顺序。这还有一个优点，即库仅在需要时加载，例如您的代码创建了一个包含 highcharts 小部件的对话框。

Answer 2

这里是对您问题的直接回答：

我已经用一个新创建的应用程序对此进行了测试，config.json 中给出的序列被保留。

首先，您必须将附加库的文件放在您的应用程序（此处称为 myapp）的正确路径中

  myapp/source/resource/scripts/jquery.js
  myapp/source/resource/scripts/highcharts.js

然后在 myapp/config.json

的 job 部分添加以下条目

  "jobs" :
  {
    "common" : {
      "add-script" : [
           { "uri" : "resource/scripts/jquery.js" },
           { "uri" : "resource/scripts/highcharts.js" }
        ]
    },

最后在您的应用代码中的某处添加 @asset(scripts/*) 编译器提示，例如Application.js像这样

/**
 * This is the main application class of your custom application "myapp"
 *
 * @asset(myapp/*)
 * @asset(scripts/*)
 */

这样应用程序加载器首先加载 jquery.js 然后 highcharts.js 在源版本和构建版本中。

请注意，qooxdoo 加载程序负责加载其他库。您没有也不应该为 index.html!

中的库放置脚本标签

包含库 (jQuery)

Include Library (jQuery)

jquery

qooxdoo