用webpack导入vis.js

我想在我们的使用ES6模块的Webpack应用程序中导入只有DataSet和Network从vis.js。用webpack导入vis.js

实现它的一个简单方法是只导入dist/vis-network.min.js，但它已经缩小，与我们的webpack工作流程不兼容。

我看了一下vis.js代码，它没有使用ES6模块，所以我不能import他们。

有没有更简单的方法，然后做custom vis.js build？

来源

2016-12-05 Guilhem Soulas

您是否找到了解决方案？ – JohnnyQ

@JohnnyQ我只是自定义了吞噬文件。 –

Webpack现在支持commonjs，amd和es6模块语法。请参阅此处的示例：https：//github.com/webpack/webpack/tree/master/examples/mixed – Kurren

这不仅是可能的，但鼓励只导入你想在你的应用程序中使用的vis.js的部分。这使您只能加载项目中需要的vis.js部分。

关于此主题有not much documentation，但有一个demo project显示如何使用webpack有选择地导入vis.js的部分。

来源

2017-07-25 21:14:59 mojoaxel

有能力使用vis.js创建自己的包。

对于做它，你应该：

打开文件gulpfile.js并添加配置到INDIVIDUAL_BUNDLES。

例如：

var INDIVIDUAL_BUNDLES = [ 
{entry: './index-timeline-graph2d.js', filename: 'vis-timeline- 
    graph2d.min.js'}, 
{entry: './index-network.js', filename: 'vis-network.min.js'}, 
{entry: './index-graph3d.js', filename: 'vis-graph3d.min.js'}, 
{entry: './index-graph3d.js', filename: 'vis-graph3d.js', 'notMini': 
    true} 
];

那里VIS-graph3d增加配置不精缩。

对于不小的网络，我想配置将是：

{entry: './index-network.js', filename: 'vis-network.js', 'notMini': true},

或者你可以写自己的包。

更改后的文件你应该做的构建（见README.md）不久：

$ cd vis 
$ npm install 
$ npm run build

在蒸馏水文件夹，你可以找到VIS-network.js后。

来源

2017-10-05 14:46:19 Some

用webpack导入vis.js

回答

相关问题