Bundling step by step instructions
Last updated
Last updated
Application Developer notes
This set of instructions will guide you through setting up bundling in an Aurelia application where Kendo is used. Since there are multiple skeleton-navigation flavors out there, this tutorial will use the skeleton-typescript flavor, as that is a bit more involved example having to deal with type definition files in the bundling context. So if you want to follow this tutorial, download skeleton-typescript and follow these instructions to install Kendo and the aurelia-kendoui-bridge into the application.
Open build/bundles.js
Add the following bundle configuration (to get a Kendo bundle):
Modify the "dist/app-build"
bundle configuration to include the files of the aurelia-kendoui-bridge:
The bundles.js
file should now look like this.
Run gulp bundle
. This may take several minutes to complete
In order to run the app without gulp modifying the dist
folder, we can use http-server
. Run the following command to install it: npm install http-server -g
Now run http-server
:
Open http://localhost:8080 in your browser and notice that significantly less files are loaded:
You can find this complete application as a companion document to this book. .