webpack、babel：Fabric.js 的 es6 导入与 require

我在我的开发工具链中使用了 webpack 和 babel；运行以下代码时：

import * as fabric from 'fabric';

var canvas = new fabric.Canvas('canvas');

我收到以下错误：

_fabric2.default.Canvas is not a constructor

而如果我使用相同的代码则可以正常工作require('fabric');代替import.

我尝试了不同的通话方式import但它们都不起作用。

我的 linting 工具抱怨未定义fabric变量，所以我想正确定义它。令人惊讶的是（对我来说），这段代码 也不工作：

var fabric = require("fabric");

在这种情况下我收到以下错误：

fabric.Canvas is not a constructor

我究竟做错了什么 ？

在我当前的设置中使用fabric来自 NPM，我使用

import {fabric} from 'fabric'

访问结构全局对象。