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