将Browserify与Reactjs一起使用

Question

我刚刚开始研究一个我想在ReactJS中编写的新项目.我试图使用Broserify捆绑所有东西,以便我可以在多个js文件中.

但是,当我尝试捆绑我的react文件(browserify main.js > bundle.js)时,我收到此错误:"错误:解析文件/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插件.