javascript - browserfiy怎么转换es6-spread语法
黄舟
黄舟 2017-04-11 10:02:10
0
1
340

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也是一样

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

reply all(1)
刘奇
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"
    ]
}
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!