2016-04-28 5 views
0

Ich schaffe eine Gulpfile.js:Babelify bricht

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')); 
}); 

i app.js im App-Ordner und müssen Aufgabe anwenden browserify darauf, die app.js diese Klasse

reagieren enthält
var React = require('react'); 
var PropTypes = React.PropTypes; 

var App = React.createClass({ 

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

}); 

module.exports = App; 

, wenn ich laufen diese

schluck browserify

es mir diesen Fehler gibt:

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 
+0

Haben Sie unten an deine '.babelrc' hinzugefügt? { "Voreinstellungen": ["stage-0"] } –

Antwort

3

Mit entfernt Babel 5 Option: base.stage

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