Babelify分解

Question

我已创建一个Gulpfile.js：

var gulp = require('gulp'); 
var browserify = require('browserify'); 
var babelify = require('babelify'); 
var source = require('vinyl-source-stream'); 

gulp.task('browserify', function(){ 
    return browserify('./app/app.js') 
     .transform(babelify, { stage: 1}) 
     .bundle() 
     .pipe(source('bundle.js')) 
     .pipe(gulp.dest('dest')); 
}); 

我在app文件夹app.js和需要申请browserify任务就可以了，app.js包含此反应类

var React = require('react'); 
var PropTypes = React.PropTypes; 

var App = React.createClass({ 

    render: function() { 
    return (
     <div /> 
    ); 
    } 

}); 

module.exports = App; 

当我运行这个

一饮而尽browserify

它给了我这个错误：

events.js:72 
     throw er; // Unhandled 'error' event 
      ^
ReferenceError: [BABEL] E:\learn\react\RMD\public\assets\app\app.js: Using removed Babel 5 option: base.stage - Check ou 
t the corresponding stage-x presets http://babeljs.io/docs/plugins/#presets while parsing file: E:\learn\react\RMD\publi 
c\assets\app\app.js 
    at Logger.error 

Answer 1

使用去除巴贝尔5选项：base.stage

.transform(babelify, { stage: 1}) 
         ^^^^^