2016-09-22 60 views
4

我想包含两个库(jQuery,Highcharts)。 我试图将它们加入到附加 - JS在config.json文件:包含库(jQuery)

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

存在的问题是,的序列包括由生成改变。 生成之后highcharts.js是第一个包含的。 我如何管理序列?

回答

4

这里是直接回答你的问题:

我曾与一个新鲜的创建应用程序,并在config.json给出的顺序进行测试,这是保存。

首先,你必须额外库的文件放置在您的应用程序(这里称为MYAPP)的正确路径

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

然后在myapp/config.json

"jobs" : 
    { 
    "common" : { 
     "add-script" : [ 
      { "uri" : "resource/scripts/jquery.js" }, 
      { "uri" : "resource/scripts/highcharts.js" } 
     ] 
    }, 
job部分添加folling进入

最后在您的应用程序代码的某处添加@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配置参数使用脚本。

我还集成了jQuery和highcharts使用qx.util.DynamicScriptLoader我的应用程序的Qooxdoo(见http://www.qooxdoo.org/devel/api/#qx.util.DynamicScriptLoader),它允许对装载实例初始化外部库,同时严格保留给定负载序列。这也具有这样的优点,即库仅在需要时才加载,例如,你的代码会创建一个包含highcharts小部件的对话框。