如何将C3JS正确加载到WebPack中?

时间:2016-06-19 23:47:27

标签: node.js d3.js webpack vue.js c3.js

我正在尝试使用C3JS,这是我的VUEJS / WebPack项目(created from this boilerplate)中基于D3JS的库。

我通过npm加载D3JS安装它并将其作为webpack插件加载,就像其他任何东西一样。但是,为C3JS做同样的事情是行不通的。

plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery', // <--- This works, I can call this variable anywhere in my JS code
      jQuery: 'jquery', // <--- This works...
      d3: 'd3', // <--- This works...
      c3: 'c3' // <--- This DOES NOT work, I can import c3 but the CSS is not loaded
    })
  ],

我试图找到一些模式,但没有运气......

例如,D3JS具有以下文件夹结构:

虽然C3JS有以下内容:

This is D3JS.

This is C3JS.

我错过了什么?

谢谢!

1 个答案:

答案 0 :(得分:0)

由于webpack将所有内容视为模块,因此您也可以import 'path/to/c3/style.css。您也可以使用require语法。