C3JS를 WebPack에 올바르게로드하는 방법은 무엇입니까?

Question

내 VUEJS/WebPack 프로젝트 (created from this boilerplate)에서 D3JS를 기반으로하는 라이브러리 인 C3JS를 사용하려고합니다.

D3JS를 npm로드하여 설치하고 다른 것과 마찬가지로 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.

나는 무엇을 놓치고?

감사합니다.

Answer 1

webpack은 모든 것을 모듈로 취급하므로 import 'path/to/c3/style.css도 가능합니다. require 구문을 사용할 수도 있습니다.