Single Page Javascript Application
I have built a sophisticated ajax-driven single page webapp that uses a RESTful backend web service serving JSON. The javascript is split into many different files, each file representing some sort of feature or component.
While the service has been in alpha testing, I've just be serving all these files separately without minification. But now that I'd like to launch a beta version, I really need to combine files, minify them, and version them. I want to add this to my build process, using Maven.
Javascript File Types
I'm using the following "types" of javascript files, of which #3 and #4 are my concerns:
- External files, such a jquery and jquery-ui served from the Google CDN. Rarely change these versions, can be handled manually.
- Jquery plugins that I'm hosting myself, such as fullcalendar or ui-layout. Again, I rarely update these to new versions and can handle it manually.
- Application-wide javascript code. Custom javascript that is spread across many files and can change occasionally. All of these files need to be loaded for the app to work.
- Feature-specific javascript code. Custom javascript that is loaded on demand when a specific feature is requested. This code can change quite frequently and is not loaded at startup.
Build Objectives
I'd like to do the following during my build process:
- Concatenate all type 3 javascript files together, minify them, and save as a single file with a version number. For instance:
app-2.0.6.min.js, where 2.0.6 is the maven project version. - All type 4 files should be individually minified and saved as separate files with version numbers in the name. For instance:
feature-abc-56ab32de29.min.js, where 56ab32de29 is the version number of that specific file. - Update HTML files with
<script>tags to point t