Gulp, Reactify ve Babelify birlikte

Question

dönüştürerek değil Bu benim gulpfile kodudur:

gulp.task('react', function() { 
    browserify('app/src/main.jsx') 
    .transform(reactify) 
    .transform(babelify) 
    .bundle() 
    .pipe(source('app.js')) 
    .pipe(streamify(uglify())) 
    .pipe(gulp.dest('dist/js/')); 
}); 

Sadece ilk dönüşümü ifade çalıştırılır ve bunun nedeni ben yazıyorum ek eksikliği dönüşümü (bir hata atar ES6 ve JSX w/reaksiyonu).

Tam bir kaybettim ve yardım için gerçekten minnettarım. Reaktifleştir artık kullanılmamalıdır.

Answer 1

Hangi sürüme sahip olduğunuzu söyleme, ancak Babel 6 "ön ayarı", derlemeyi elde etmenin standart yoludur.

çalıştırın aşağıdaki

npm install save-dev babel-preset-react babel-preset-es2015 

Ayrıca Babelify güncel olduğundan emin olun. Sonra Gulp yapılandırma

var babelify = require("babelify"); 
gulp.task('react', function() { 
    browserify('app/src/main.jsx') 
    .transform(babelify, {presets: ["es2015", "react"]}) 
    .bundle() 
    .pipe(source('app.js')) 
    .pipe(streamify(uglify())) 
    .pipe(gulp.dest('dist/js/')); 
}); 

fazla bilgi için options page Bkz olur.