HighchartsとCurljsを統合する最良の方法は何ですか？ - javascript、jquery、highcharts、amd、curljs

バックグラウンド

私は私のcurljsモジュールを使ってhighcharts.jsをロードするために私が使っている現在のテクニックに代わるものを探しています。現在、私は必要なライブラリをこのようにロードしています。

define("Test", ["jquery",
"js!https://code.highcharts.com/highcharts",
"js!https://code.highcharts.com/highcharts-more",
"js!https://code.highcharts.com/modules/exporting"],

function ($, hchart, hchartmore, hchartexp) {
var testFunc = function () {
return {
markup: function () {
$("#mixer").html("did it");
},
chartIt: function () {
window.chart = new Highcharts.Chart({

// do the highchart configs});
};


return testFunc;
});

これは現在うまくいき、あなたは私のことを参照することができます 私の現在のソリューションをデモするjsfiddle.

Highchartを使ってハイチャートをシムしようとしました js！ curlのドキュメントで指定されているようにcurl設定オブジェクトをプラグインして作成します。

curl = {
baseUrl: "",
paths: {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js",
"hchart": "js!https://code.highcharts.com/highcharts",
"hchartmore":"js!https://code.highcharts.com/highcharts-more",
"hchartmore":"js!https://code.highcharts.com/modules/exporting"}
};

しかし、curlがhighchart.jsファイルを読み込もうとすると、「define（）が見つからないか重複している」というエラーが表示されます。

それから私の質問はそれでうまくいっていても私の解決策は適切なものですか？代替案はありますか？

回答：

curl.jsの従来のローダーを使用してみてください。ハイチャートなどのグローバルスクリプトに最適です。

var hchartBase = "https://code.highcharts.com/";
var hchartCfg = {
loader: "curl/loader/legacy",
exports: "Highcharts"
};
curl.config({
baseUrl: "",
paths: {
"curl": "your/path/to/curl/curl.js",
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js",
"hchart": { location: hchartBase + "highcharts", config: hchartCfg },
"hchartmore": { location: hchartBase + "highcharts-more", config: hchartCfg },
"hchartexp": { location: hchartBase + "modules/exporting", config: hchartCfg }
}
});

私はカールへの道を含めたことに注意してください。これはcurlがレガシーローダーを見つけるために必要です。

通常、同じレガシー設定を使用しないでください3つのライブラリすべてに対して、しかしhighcharts-moreおよびエクスポートするライブラリがあなたに代わってエクスポートできる便利なグローバルを宣言できないかどうかわからないので、3つすべてに対して同じ設定を使用しました。

詳しい情報はこちら https://github.com/cujojs/curl/tree/master/src/curl/loader