After installing Optimus you’ll end up with some new bits in the Settings section that allow you to create both script and style bundles by simply selecting the available files in the /css or /scripts folder
In addition to manually creating these bundles you’ll also find a new option in the edit template toolbar (for both views and masterpages) that allows you to simply select script/link tags and auto create a bundle from those (can’t get any easier).
more than meets the eye
Besides being able to bundle your resources Optimus also features a provider model for dynamic stylesheet and script languages.
The providers available today are:
- Less http://lesscss.org/
- Sass http://sass-lang.com/
- Coffeescript http://coffeescript.org/
- TypeScript http://www.typescriptlang.org/
Depending on the ones you installed you’ll be able create files of that type
In the new dynamic scripts tree
And dynamic stylesheets tree
Once created you can start writing code in the editor, the editor will check for errors and highlight the linenumber in case of an error.
If the transformation is successful you’ll end up with a plain js/css file that you can then use (also in bundles)
For a quick demo check out this screencast
It’s a beta
So today the beta is available on http://our.umbraco.org/projects/developer-tools/optimus
In addition to installing the package you’ll need to do some manual web.config updates outlined here:
https://github.com/TimGeyssens/BundlingAndMinificationForTheMasses/blob/master/OptimusBetaInstallation.md(of course this will be done automatically by the final release)
It’s only been tested on Umbraco v6 but for the final release we’ll try to include the latest v4 (eta next friday).