ReactJS - 编译 .jsx 的 Babel 使用问题

Question

为了快速测试，我为我的ReacJS 应用程序创建了ES6 中的main.jsx 文件：

ma​​in.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'

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

Answer 1

如果你使用 Browserify，你可以使用转换 'babelify' 来编译你的 ES6 代码。在这里查看：

https://github.com/babel/babelify