Bundling step by step instructions
Application Developer notes
5.8 Bundling step by step instructions
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 completeIn order to run the app without gulp modifying the
dist
folder, we can usehttp-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:
Important note
You can find this complete application as a companion document to this book. .
Last updated