Enchaînement de plusieurs moteurs (coffeescript et jsx) en utilisant Middleman

Question

En utilisant Middleman, comment puis-je enchaîner plusieurs extensions de fichiers pour le traitement par plusieurs moteurs?

poignées Middleman CoffeeScript hors de la boîte, et je gem middleman-react dans mon Gemfile et activate :react dans mon config.rb.

Le traitement des fichiers jsx ordinaires comme my_file.js.jsx fonctionne très bien, mais je veux avoir un fichier comme my_file.js.jsx.coffee, qui ne fonctionne pas.

Il est correctement analysé en tant que CoffeeScript, mais n'est pas analysé en tant que jsx.

Voici quelques exemple de sortie:

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

Basé sur this post il ressemble à ce genre de chose devrait être possible.

Answer 1

Il s'est avéré que le commentaire magique jsx était malformé dans mon fichier CoffeeScript, donc l'analyseur le sautait.

Assurez-vous que votre fichier CoffeeScript commence par:

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