将 Browserify 与 Reactjs 结合使用

Question

我刚刚开始一个我想用 ReactJS 编写的新项目。我正在尝试使用 Broserify 来捆绑所有内容，以便我可以将其包含在多个 js 文件中。

但是，当我尝试捆绑我的反应文件 (browserify main.js > bundle.js) 时，出现此错误： "Error: Parsing file /Users/Kathleen/Documents/Referral_Site/main.js: Unexpected token (3:4)"

main.js 看起来像这样：

var Lander = require('./lander');
React.render(
    <Lander />,
    document.getElementById('content')
);

是什么破坏了解析器？提前致谢！

编辑：另外，我在周围 html 中加入了这样的反应：

<script src="http://fb.me/react-0.12.2.js"></script>

有什么方法我也需要将它包含在 main.js 中吗？

Answer 1

你必须先把JSX编译成纯JS，browserify有插件。

https://www.npmjs.com/package/reactify

将 Browserify 与 Reactjs 结合使用

Using Browserify with Reactjs

parsing

bundle

require

browserify

reactjs