Javascript 将网页包语法转换为browserify语法

我正在学习Flux，正在查看使用react路由器的app.config的一些示例代码：

import React from 'react';  
import Router from 'react-router';  
import { DefaultRoute, Link, Route, RouteHandler } from 'react-router';

import LoginHandler from './components/Login.js';

let App = React.createClass({  
  render() {
    return (
      <div className="nav">
        <Link to="app">Home</Link>
        <Link to="login">Login</Link>

        {/* this is the importTant part */}
        <RouteHandler/>
      </div>
    );
  }
});

let routes = (  
  <Route name="app" path="/" handler={App}>
    <Route name="login" path="/login" handler={LoginHandler}/>
  </Route>
);

Router.run(routes, function (Handler) {  
  React.render(<Handler/>, document.body);
});

从“React”导入React；
从“反应路由器”导入路由器；
从“react router”导入{DefaultRoute，Link，Route，RouteHandler}；
从“./components/Login.js”导入LoginHandler；
让App=React.createClass（{
render（）{
返回(
家
登录
{/*这是重要的部分*/}
);
}
});
让路线=（
);
Router.run（路由、函数（处理程序）{
React.render（，document.body）；
});

这段代码是为与Webpack模块一起使用而编写的

我会尽量避免使用它，而只使用browserify

如何转换此代码？我知道我必须转换导入（但不确定语法），还有更多吗

以下是迄今为止我的app.js：

var React = require('react');
var ProductData = require('./ProductData');
var CartAPI = require('./utils/CartAPI')
var FluxCartApp = require('./components/FluxCartApp.react');


// Load Mock Product Data into localStorage
ProductData.init();

// Load Mock API Call
CartAPI.getProductData();

// Render FluxCartApp Controller View
React.render(
  <FluxCartApp />,
  document.getElementById('flux-cart')
);

var React=require（'React'）；
var ProductData=require（'./ProductData'）；
var CartAPI=require（'./utils/CartAPI'）
var FluxCartApp=require（'./组件/FluxCartApp.react'）；
//将模拟产品数据加载到localStorage中
ProductData.init（）；
//加载模拟API调用
CartAPI.getProductData（）；
//渲染FluxCartApp控制器视图
反应(
,
document.getElementById（'flux-cart'）
);

无需转换任何内容，您可以使用Browserify和：

---

如果我想避免使用babel，手动转换是否足够简单？您可以使用babel将其转换为ES5，然后在转换后继续代码。不过，还有其他ES6功能正在使用，还有React JSX语法，Babel也介绍了这些语法。巴别塔是用来反应的。

npm install babelify
browserify main.js -t babelify -o dist.js