A Rollup-based bundler for D3 modules.
To install:
npm install -g d3-bundler
To use, define an ES6 module that imports the D3 code you need and defines the corresponding exports. For example, try this index.js:
export {
event,
select,
selectAll
} from "d3-selection";Make sure you have the desired D3 modules installed:
npm install d3-selection
Build your bundle:
d3-bundler -o d3.js -- index.js
Or, minified:
npm install -g uglify-js
d3-bundler -o d3.js -- index.js && uglifyjs -c -m -o d3.min.js -- d3.js
Have a nice day!
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="d3.js"></script>
<script>
d3.select("body").append("h1").text("Hello, world!");
</script>d3-bundler [options] -- [file]
The input file should be an ES6 module that defines your exports. See the examples. If not specified, it defaults to “index.js”.
Options:
- --output, -o [default: "-"]
Specify the path to the generated bundle file. Use “-” for stdout.
- --name, -n [default: "d3"]
Specify the name of the output module. This determines the name of the exported global in certain output formats.
- --external, -x [default: false]
If true, keep external dependencies external. This enables the -f option, and is useful if you want to generate a CommonJS build or use a different bundler.
- --format, -f [default: "umd"]
Specify the output format of the generated JavaScript. See Rollup for supported values. This can only be used when inlining external dependencies (i.e., without -x).