如何将 JointJS 与 Angular4 一起使用？答案

【问题标题】：how to use JointJS with Angular4?如何将 JointJS 与 Angular4 一起使用？
【发布时间】：2017-11-21 13:55:15
【问题描述】：

它不能开箱即用（它会因错误“b.call 不是函数”而崩溃）。

在官方tutorials他们说

我们必须欺骗 Backbone 使用 Lodash 而不是 Underscore（这个是因为JointJS需要Lodash，而不仅仅是Underscore）

这令人困惑，看起来有点像黑客攻击。不过这里最大的问题是我不知道如何在 Angular4（内部使用 webpack）中做到这一点。

【问题讨论】：

好吧，我不是包管理方面的专家，但我认为包处理它们自己的依赖关系，这就是为什么你会得到一个很大的 npm_modules 文件夹。所以我想说你不必处理版本，包会自己做。你到底是什么问题？

【解决方案1】：

您无需编辑 webpack.config。当你从 npm 安装jointjs 时，jointjs 也会安装这个库的依赖项，这些依赖项与Angular 4 依赖项分开使用。所以你只需要在你的组件或者你想使用joint的地方导入jointjs。

import * as joint from '../../node_modules/jointjs/dist/joint.js';

还要确保在 tsconfig 文件中将 allowJs 参数设置为 true：

"allowJs": true

它将允许将 js 文件导入您的 Angular 组件。这就是你所需要的。

【讨论】：