metalsmith 静态站点生成器（带有 react jsx）

Question

我真的很想使用 Reacts jsx 创建静态站点生成器 templates/components。 Jekyll 和 middleman 必须被黑客攻击才能允许这个...

但是我发现了http://www.metalsmith.io with plugin: https://github.com/yeojz/metalsmith-react-templates

到目前为止我已经关注了：

var Metalsmith    = require('metalsmith');
var reactTemplate = require('metalsmith-react-templates');

Metalsmith(__dirname)
  .clean(true)
  .use(reactTemplate({
    directory: 'templates',
    isStatic: true
  }))
  .source('src')
  .destination('build')
  .build(function(err) {
    if (err) throw err;
  });

和 jsx 文件：

var React = require('react');

var Entry = React.createClass({
  render: function() {

    return ();
  }
});

module.exports = Entry;

当我运行节点 build.js 它出错了：

entry.jsx: Unexpected token

metalsmith-react-templates 示例似乎已过时，因此出现问题？

试过建议@:

  4 |   render: function() {
  5 | 
> 6 |     return (<p>Entry</p>);
    |             ^
  7 |   }
  8 | });
  9 |

Answer 1

@salivan

如果您在执行 return (<p>Entry</p>); 后仍然遇到问题，这很可能实际上是 babel 编译器的问题。

您使用的 babel 是什么版本？

如果是版本 6 及更高版本，请检查您是否至少安装了 babel-preset-react 和 babel-preset-es2015 插件。

metalsmith 静态站点生成器（带有 react jsx）

metalsmith static site generator (with react jsx)

jsx

reactjs

react-jsx

metalsmith

babeljs