This demo shows how to bundle the yFiles library in a rollup project.
The yFiles modules are imported in the demo sources, so rollup will add the yFiles
The HTML file just references the single
bundle.js file containing the
demo code as well as all library code.
In addition to resolving the module imports and creating a browser-ready bundle, the Grunt build
- runs the yFiles optimizer before bundling to achieve a smaller, production ready bundle
- runs babel on the sources, so the resulting application can be run in older browsers like IE 11.
Building the demo
Install the required npm packages and run the build script
> npm install > npm run build
Running the demo
The grunt build will place the output files in the
dist/ directory inside
this demo's directory. To run the demo, open
index.html in a browser
served by a web server.
You can start a simple web server in the demo directory with