Chaining multiple engines (coffeescript and jsx) using Middleman

Question

Using Middleman, how can I chain multiple file extensions for processing by multiple engines?

Middleman handles CoffeeScript out of the box, and I have gem middleman-react in my Gemfile and activate :react in my config.rb.

Processing regular jsx files like my_file.js.jsx works fine, but I want to have a file like my_file.js.jsx.coffee, which isn't working.

It's parsed correctly as CoffeeScript, but is then not parsed as jsx.

Here's some sample output:

BoardRow = React.createClass({
    render: function() {
      return <tr className='row'>{this.props.intersections}</tr>;
    }
});

Based on this post it looks like this kind of thing should be possible.

Try asking in `middleman-react`'s issue queue. – Andrey Mikhaylov - lolmaus Jul 06 '14 at 22:24 — Andrey Mikhaylov - lolmaus, Jul 06 '14 at 22:24

score 2 · Accepted Answer · answered Jul 07 '14 at 07:46

2

It turns out that the magic jsx comment was malformed in my CoffeeScript file, so the parser was skipping it.

Make sure your CoffeeScript file starts with:

###* @jsx React.DOM ###

answered Jul 07 '14 at 07:46

doctororange

1 Answers1