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}) 
         ^^^^^