将Webpack语法转换为browserify语法
我正在学习Flux，并在使用react-router的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); }); 这段代码是为了与Webpack模块一起使用而编写的。
我会尽量避免使用它，而只能使用browserify。
我如何转换此代码？ 我知道我必须转换import（但不知道的语法），有更多的呢？
这是我的 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') );
不需要转换任何东西，你可以使用Browserify和Babel原有的代码：
npm install babelify browserify main.js -t babelify -o dist.js