javascript - デフォルトのエクスポートなしのWebpack 2 ES6インポートUMD

Question

Webpack 2 および を使用して UMD ライブラリをインポートしようとしていts-loaderます。以前は Webpack 1 と Rollup (TypeScript なし) を使用して動作していましたが、.defaultインポートされた関数を呼び出すときに Webpack 2 が追加されます。

例えば：

import canvg from 'canvg';
canvg();

に変換します

var canvg_1 = require("canvg");
canvg_1.default();

そして私は得るUncaught TypeError: canvg_1.default is not a function。

修正方法は？

Answer 1

問題は TypeScript の設定にmodule: 'es2015'ありtsconfig.jsonました。またallowSyntheticDefaultImports: true、場合によっては役立つ場合もあります（私の場合は必要ありませんが、babel-plugin-add-module-exports@alejandro-garcia-anglada によって説明されたアナログの一部）。

{
    "compilerOptions": {
        "module": "es2015",
        "allowSyntheticDefaultImports": true
    }
}