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

在我使用fabricNPM的当前设置中,我使用

import {fabric} from 'fabric'

访问fabric全局对象.