包含库 (jQuery)答案

【问题标题】：Include Library (jQuery)包含库 (jQuery)
【发布时间】：2016-09-22 14:00:48
【问题描述】：

我想包含两个库（jQuery、Highcharts）。我尝试在 config.json 文件中将它们作为附加 js 添加：

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

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

【问题讨论】：

标签： jquery qooxdoo

【解决方案1】：

这里是您问题的直接答案：

我已经用一个新创建的应用程序对此进行了测试，并保留了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 中放置库的脚本标签！

【讨论】：

【解决方案2】：

我知道这不是您问题的直接答案。我从来没有通过 config.json 中的 add-script 配置参数使用脚本。

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

【讨论】：