ReactJS - 巴贝尔使用问题编译.jsx

Question

对于一个快速测试，我已经建立了我main.jsx文件写在ES6我ReacJS应用：

main.jsx

import React from 'react' 
import { render } from 'react-dom' 
import { Router, Route, Link } from 'react-router' 

class TestComponent extends React.Component { 

    render() { 
     return <div className="test">...</div>; 
    } 

} 

然后我编译我的代码以browserify和babel：

browserify -t babel main.jsx -o public/js/bundle.js 

我得到这个错误：Error: Cannot find module 'babel'

什么是最简洁的方式编译ES6代码ReactJS？

Answer 1

如果您使用的是Browserify，则可以使用变换'babelify'来编译您的ES6代码。看看这里：

https://github.com/babel/babelify