CODEWITHSUNDEEP
rubycoffeescriptsprocketsmiddlemantilt
doctororange
doctororange

Reputation: 11810

Chaining multiple engines (coffeescript and jsx) using Middleman

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.

Upvotes: 1

Views: 335

Answers (1)

doctororange
doctororange

Reputation: 11810

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 ###

Upvotes: 2

Related Questions