带有ES6模块的d3 v4.0自定义构建

阿米戈拉戈

我正在尝试d3 v4.0的Alpha版本,并尝试在jspm设置中创建自定义版本。我似乎无法理解新的模块化构建是如何工作的。

如果我想从模块(即d3-request中的json)导入命名导出,则可以执行以下操作:import {json} from "d3-request";通过jspm / npm安装模块后。

如果我想安装整个库,同样 import d3 from "d3";

如果我想安装多个模块并命名导出,并在d3名称空间下将它们全部提供给我(即,将d3-shape与d3-request一起导入,并可以在同一d3全局目录中访问d3.json和d3.line) ,正确的语法是什么?

我意识到,当使用这些模块的独立版本时,d3_shape会导出全局变量将这些模块与我的应用程序捆绑在一起时,是否打算为每个模块具有单独的命名空间?

里奇·哈里斯(Rich Harris)

相信计划是在D3 4.0完成后提供整个库的ES6构建以及自定义构建生成器,此时您将能够执行此操作:

import { json, line } from 'd3';

json( 'file.json', ( err, data ) => ... );

(请注意,d3执行此操作时没有任何变量,您可以直接使用命名的导入。)

当前,该d3软件包是版本3,没有ES6构建,因此同时有两个选项-安装所需的模块并从中分别导入...

import { json } from 'd3-request';
import { line } from 'd3-shape';

json( 'file.json', ( err, data ) => ... );

...或创建自己的自定义版本:

// src/my-d3.js
export { json } from 'd3-request';
export { line } from 'd3-shape';

// src/app.js
import { json, line } from './my-d3.js';

其中,我赞成第一个-它更明确,并且可能导致未使用的代码最终出现在您的构建中。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

D3js v4。如何确定自定义事件?

来自分类Dev

如何在Ionic v4中生成有效的自定义组件?

来自分类Dev

d3 v4 + React + ES6:如何以编程方式创建轴?

来自分类Dev

为ADFS 2019(v4)构建自定义身份验证方法

来自分类Dev

在ANTLR v4中构建自定义分析树

来自分类Dev

在stringtemplate v4中实现自定义功能

来自分类Dev

尝试构建自定义模块

来自分类Dev

带有Angular-cli的D3 V4多折线图

来自分类Dev

带有Angular-cli的D3 V4

来自分类Dev

带有可排序条形图的 d3 v4 单选按钮

来自分类Dev

ServiceStack V3与V4

来自分类Dev

带有GAE的Datanucleus v4

来自分类Dev

Google Sheets API V4 - 自动填充错误 - 没有 id: 0 的网格

来自分类Dev

在自定义DialogPreference中使用支持库v4片段

来自分类Dev

Facebook SDK v4 LoginButton忽略XML自定义

来自分类Dev

将自定义指标附加到Android Analytics v4中的HitBuilders.TransactionBuilder

来自分类Dev

如何使用背包V4创建自定义存储方法

来自分类Dev

升级到v4后,自定义样式损坏

来自分类Dev

botframework v4自定义标题和最小化的网络聊天

来自分类Dev

在自定义DialogPreference中使用支持库v4片段

来自分类Dev

向OData(v4)Web API C#添加自定义分页

来自分类Dev

D3 V4设定初始缩放等级

来自分类Dev

d3 v4更新/合并分组数据

来自分类Dev

ReactJS + D3 v4投影问题

来自分类Dev

d3 v4 中的 tree.nodeSize

来自分类Dev

d3 (v4):赋予元素动量的外观?

来自分类Dev

Express 4和自定义模块

来自分类Dev

如何从本地文件安装自定义构建的Python模块

来自分类Dev

自定义 NodeJS 构建,包括 javascript 模块