将非ES6模块导入Webpack

Question

尝试集成不是ES6模块的javascript库时，我有些失落。

我正在尝试将'jointjs'导入我的webpack项目。

如何导入功能关节？

我可以这样做：

window.$ = require('jquery');
window.joint = require('jointjs');

然后直接在视图中，我可以使用脚本标签放置我的JavaScript。但是，如果我尝试像这样导入关节功能：

import 'joint' from 'jointjs';
var graph = new joint.dia.Graph;
//...

它会引发错误：

  

未捕获的TypeError：无法读取未定义的属性'dia'

我如何使其工作？

我有种感觉，我必须使用ProvidePlugins，Exports-Loader或类似的东西。。。但是对我来说，这一点也不明确。

Answer 1

您可以这样导入非es6代码

const joint = require('jointjs');

Answer 2

请勿在导入内容中添加引号

import * as joint from 'jointjs';

如果它不起作用，您可以尝试使用require as

const joint = require('jointjs');