如何使用webpack和babel导入highcharts

Shai M.

我使用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) ....
安德烈·布卡蒂(Andrey Bukati)

有一个称为commonjs-highcharts的NPM可以解决该问题。只需运行npm i commonjs-highcharts并导入:

import highcharts from "commonjs-highcharts"

为我工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

代码拆分如何与导入/导出以及babel和webpack一起使用?

使用Webpack和Babel的ES6动态导入

使用Webpack在babel中包含导入路径

导入Highcharts和highcharts-更多(AngularJS 1.5 + TypeScript + Webpack)

如何使用React和Babel从React-Select CDN导入?

如何使用React和Webpack设置Babel 6 Stage 0

使用babel和webpack时如何生成源地图?

如何使用babel和webpack设置ua react / node项目?

无法使用Webpack 4和Babel 7导入soap-npm模块

使用Mocha和Babel进行测试时处理WebPack CSS导入

Babel,Jest和webpack出现“ SyntaxError:无法在模块外部使用导入语句”

使用webpack和babel-loader导入ES6模块

how to import highcharts with webpack and babel

如何通过Webpack导入和使用jQuery库?

如何使用Typescript,React和Webpack导入SCSS或CSS模块

如何设置Grunt,Webpack和Babel

使用Babel和Webpack的Mocha测试失败

在webpack.config.babel.js中使用“导入”时出错

如何使用babel和webpack将导出的函数公开到全局范围

如何将Webpack与babel-loader和flow一起使用

如何使用Webpack 5和Babel 7创建IE11捆绑软件

使用Gulp和Babel导入和转换JS文件

使用Webpack导入CSS和JS文件

在Webpack中使用Babel Loader时如何设置Babel环境变量(BABEL_ENV)?

如何配置Electron,Webpack,Babel,React和JSX?

React 和 ReactDOM 未使用 webpack、babel 加载

使用webpack,ES6和Babel进行调试

使用Babel和Webpack减少代码转换帮助程序

使用Babel和Webpack与Aurelia生成.js源地图