Introducing the FubuMVC.Coffee transforms

If you’re a fan of CoffeeScript and FubuMVC, then please take a moment and give a round of applause to Alex Henning Johannessen for his hard work on the CoffeeScript and Less transforms.

In this post, I am going to provide an example of how to use the FubuMVC.Coffee NuGet in your FubuMVC application.

Where’s the code?

I’ve created a repository to show of example of all of this in action: https://github.com/jmarnold/FubuOnCoffee

Getting Started

A nice introductory post to FubuMVC’s Asset pipeline is well overdue. I’m going to touch on the simplest configuration and just promise that I’ll get to a more in-depth blog about it later.

First, we start by creating an asset config file (*.asset.config):

For more examples on the syntax, check out the dsl reader.

Configuring the Transform

Running your application with above asset configuration will “run”, but you’re going to get the raw contents of the coffeescript file. In order to enable the transformation, you can install the FubuMVC.Coffee nuget:

Install-Package FubuMVC.Coffee

This will install a zip file inside of a fubu-content directory at the root of your web application. Thanks to the beauty of Bottles, this zip file will be exploded out and the CoffeeScript configuration will be invoked automatically.

Now running your application with above asset configuration will give you the transformed contents of example.coffee.

Related Articles:

Post Footer automatically generated by Add Post Footer Plugin for wordpress.

About Josh Arnold

Josh is team lead at Extend Health and a principal developer on the Fubu-family of frameworks. He is a proud husband, terrified but excited father, passionate software guy and coach, closet musician, aspiring man of God, and a perpetual learner.
This entry was posted in General and tagged , , , . Bookmark the permalink. Follow any comments here with the RSS feed for this post.