使用 Middleman 链接多个引擎（coffeescript 和 jsx）答案

【问题标题】：Chaining multiple engines (coffeescript and jsx) using Middleman使用 Middleman 链接多个引擎（coffeescript 和 jsx）
【发布时间】：2014-08-27 01:42:18
【问题描述】：

使用 Middleman，我如何链接多个文件扩展名以供多个引擎处理？

Middleman 开箱即用地处理 CoffeeScript，我的 Gemfile 中有 gem middleman-react，config.rb 中有 activate :react。

处理像 my_file.js.jsx 这样的常规 jsx 文件可以正常工作，但我想要像 my_file.js.jsx.coffee 这样的文件，但它不起作用。

它被正确解析为 CoffeeScript，但随后不被解析为 jsx。

这是一些示例输出：

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

基于this post，看起来这种事情应该是可能的。

【问题讨论】：

尝试在middleman-react的问题队列中提问。

标签： ruby coffeescript sprockets middleman tilt

【解决方案1】：

事实证明，魔术 jsx 注释在我的 CoffeeScript 文件中格式不正确，因此解析器跳过了它。

确保您的 CoffeeScript 文件以：

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

【讨论】：