javascript - 使用 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 .