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

ReactJS - Babel usage problems to compile .jsx

本文关键字：问题 Babel 编译 jsx ReactJS-      更新时间：2023-09-26

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

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'

用ReactJS编译ES6代码最干净的方法是什么？

如果您使用Browserify，您可以使用转换"babelify"来编译ES6代码。点击这里查看：

https://github.com/babel/babelify

相关文章：