使用requirejs加載庫和附加模塊

Question

我在努力理解如何使用requirejs加載外部庫和附加模塊。

這是我有：

這工作不錯，但似乎並沒有正確的對我說：

requirejs.config({ 
    paths: { 
     highcharts: 'http://localhost:3000/hicharts/js/highcharts' 
    } 
}); 
requirejs.config({ 
    paths: { 
     exporting: 'http://localhost:3000/hicharts/js/modules/exporting' 
    } 
}); 

，我有點期待這個已經奏效：

require.config({ 
    paths: { 
     highcharts: 'http://localhost:3000/hicharts/js/highcharts', 
     exporting: 'http://localhost:3000/hicharts/js/modules/exporting' 
    } 
}); 

但它似乎沒有公開導出模塊，即使它是從Web服務器調用的。我在這裏錯過了什麼，有沒有人知道它的記錄？我似乎無法找到多少討論它。

Answer 1

有一個Highcharts NPM package包含Highcharts，Highstock和Highmaps以及所有模塊。通過安裝Highcharts爲節點模塊啓動，並將其保存在您的package.json的依賴：

npm install highcharts --save

負載與要求：

var Highcharts = require('highcharts'); 
// Load module after Highcharts is loaded 
require('highcharts/lib/modules/exporting')(Highcharts); 
// Create the chart 
Highcharts.chart('container', { /*Highcharts options*/ }); 

的更多信息和例子可以在Highcharts General Documentation被發現這Highcharts article。