What is this?

This is a sample project that demonstrates the use of Webpack with Durandal together to bundle your SPA.


Why would I use it?

Durandal is a SPA framework built atop the popular Require.js specification, allowing users to modularise their code and asynchronously fetch their dependenices on request.

Utilising Webpack in place of Require.js provides many benefits, including allowing us to smarly bundle our application into distinct chunks, as opposed to completely individual files. This is great for caching, and can give a good boost to performance, especially on high latency networks.

There are plenty of other benefits, including transpilation support, CSS bundling and more!


How do you do it?

This project is supported by an in-depth Blog series title "Durandal + Webpack", which should answer any questions you have about how this was achieved. Make sure to check-out the source for a technical view of what's going on.

Read the Guide View the Source