webpack, babel : es6 import vs. 需要 Fabric.js

Question

我在我的开发工具链中使用了 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

我究竟做错了什么 ？

Answer 1

在我当前的设置中使用 fabric来自 NPM，我使用
import {fabric} from 'fabric'

访问结构全局对象。