首页 > browserfiy怎么转换es6-spread语法

browserfiy怎么转换es6-spread语法

test.js

var React = require('react');
var {Form, Input} = require('react-form');
var {Password, Text} = require('react-form-inputs');

var LoginForm = React.createClass({
  render() {
    return (
      <Form {...this.props} for="user">
        <h1>Login</h1>
        <Input type={Text} for="username" placeholder="Username" />
        <Input type={Password} for="password" placeholder="Password" />
        <input type="submit" value="Login" />
      </Form>
    );
  }
});

var user = {
  username: null,
  password: null
};

React.render(<LoginForm object={user} />, document.getElementById('app'));

按照http://npm.taobao.org/package/es6-spread 上面的例子
browserify -t es6-spread test.js

提示

   6 |   render() {
   7 |     return (
>  8 |       <Form {...this.props} for="user">

browserify -t browserify-jsx -t es6-spread form.js也是一样


gulp.task('browserify', ['browserify-vendor'], () =>
  browserify('app/main.js')
    .external(dependencies)
    .transform(babelify,{ presets: ["es2015", "react"]}) 
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulpif(production, streamify(uglify({ mangle: false }))))
    .pipe(gulp.dest('public/js'))
);

transform(babelify,{ presets: ["es2015", "react"]}) 只要是这里的配置

如果你直接用命令行编译在根目录下新建一个.babelrc 文件,里面加上

{
    "presets": [
        "es2015",
        "react"
    ]
}
【热门文章】
【热门文章】