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

时间:2015-11-03 15:11:41

标签: javascript reactjs ecmascript-6 browserify babeljs

为了进行快速测试,我为main.jsx应用创建了ES6 ReacJSimport 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>; } } 文件:

main.jsx

browserify

然后我使用babelbrowserify -t babel main.jsx -o public/js/bundle.js 编译我的代码:

Error: Cannot find module 'babel'

我收到此错误:ES6

ReactJS编译SELECT training.*, ifnull(T.transactioncount,0) as transactioncount FROM training LEFT JOIN (SELECT training_transaction_course, COUNT(training_transaction_course) as transactioncount FROM training_transactions GROUP BY training_transaction_course) AS T ON training.course_id = T.training_transaction_course WHERE course_main = ? AND course_enabled = 'enabled' 代码的最简洁方法是什么?

1 个答案:

答案 0 :(得分:1)

如果您使用的是Browserify,则可以使用转换'babelify'来编译您的ES6代码。在这里查看:

https://github.com/babel/babelify