如何使用webpack和babel导入highcharts

Question

我使用ES6,Babel和webpack堆栈.

我已经安装了npm的highcharts(我更喜欢使用官方的highcharts npm repo):

npm install highcharts-release --save

但是,常规导入(ES6)不能按预期工作:

import highcharts from 'highcharts';

如何通过webpack导入导入Highcharts？你可以发布一个webpack.config.js示例(或其他方式配置插件)？

谢谢.

编辑

错误是:

Uncaught Error: Cannot find module "highcharts" webpackMissingModule @ review-chart.js:2(anonymous function) ....

Answer 1

试试这个:

npm install highcharts

我在这种方法中面临的问题是在高级图表中使用其他模块,例如highcharts-more,map等.为了克服这个问题,我导入了highcharts和其他所需的模块,如下所示:

import highcharts from 'highcharts';
import highchartsMore from 'highcharts-more';
highchartsMore(highcharts);

Answer 2

有一个名为commonjs-highcharts的NPM可以解决它.只需运行npm i commonjs-highcharts并导入它:

import highcharts from "commonjs-highcharts"

为我工作.