dragler with systemjsを使用

Question

私はangular-cliのangular2アプリでdragulaを使用しようとしています。

<script src="vendor/dragula/dist/dragula.min.js"></script> 

<script src="vendor/es6-shim/es6-shim.js"></script> 
<script src="vendor/systemjs/dist/system-polyfills.js"></script> 
<script src="vendor/angular2/bundles/angular2-polyfills.js"></script> 
<script src="vendor/systemjs/dist/system.src.js"></script> 
<script src="vendor/rxjs/bundles/Rx.js"></script> 

<script src="vendor/angular2/bundles/angular2.dev.js"></script> 
<script src="vendor/angular2/bundles/http.dev.js"></script> 
<script src="vendor/angular2/bundles/router.dev.js"></script> 

<script> 
System.config({ 
    packages: { 
    app: { 
     format: 'register', 
     defaultExtension: 'js' 
    } 
    }, 
    paths: { 
    dragula: 'vendor/dragula/dist/dragula.min.js' 
    } 
}); 
System.import('app.js').then(null, console.error.bind(console)); 
</script> 

私はこのようなdragulaをインポートする場合：

import * as dragula from 'dragula'; 

と使用しようと、私はdragula is not a functionエラー

Answer 1

が実際にdragula変数は、実際には関数ではありません取得します。 https://plnkr.co/edit/J0POatroAhqfV9LDQQ5g?p=preview：

import * as dragula from 'dragula'; 

dragula.default(...); 

このplunkrを参照してください。

Object {__useDefault: true} 
    __useDefault:true 
    default: dragula(initialContainers, options) 

インポートとdragula機能を使用するには、次の使用する必要があります。ここでは、このオブジェクトの内容です。