jquery - require.js を使用したハイチャートの読み込み

Question

ハイチャートをrequireモジュールとしてロードできるようにするために、しばらくの間、ほとんど成功していませんでした。誰かがこれを機能させることができたのでしょうか、それとも私を正しい軌道に乗せるための指針があったのでしょうか?

ありがとうございました

Answer 1

require.js 2.1.0+ では、プラグインは必要ありません。shimを使用して Highcharts を含めることができます。

require.config({
  paths: {
    require: "libs/require",
    jquery: "libs/jquery",
    highcharts: "libs/highcharts"
  },
  shim: {
    highcharts: {
      exports: "Highcharts",
      deps: ["jquery"]
    }
  } // end Shim Configuration
});

Answer 2

最近のuse.js プラグインを使用することは間違いなく道です。私の以前の回答で提案されているようにサードパーティのライブラリを編集することは、保守性にとって苦痛です。

Answer 3

次のように動作するようになりました。

1. これを一番上に追加します：

   define(['jquery'], function (jQuery) {
   

2. これを最後に追加します。

   return window.Highcharts; });

これは、jquery が既に定義されていることを前提としています。

require.config({
    paths: {
        'jquery': 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min'
     }
});

ほとんどのサードパーティ ライブラリで、この一般的なアプローチに従うことができます。たとえば、jquery.tmpl.js と knockout.js に対してこれを行いました。