2016-04-24 8 views
1

私はGulpでBabelとBrowserifyを使用しています。私はbabel-polyfillを私のプロジェクトに追加したいが、インターネット上で何をしたいのか分かりにくい。
これはnode_modules私がインストールさ:BabelifyとBrowserifyでGulpのbabel/polyfillを追加します。

  • ビニルソースストリーム
  • ビニルバッファ
  • グッ
  • グッ-sourcemaps
  • browserify
  • babelify
  • バベル、ポリフィル

は、これは私のgulpfile.js次のとおりです。

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

gulp.task('default', function() { 
    return browserify('./source/app.js') 
    .transform(babelify, { presets: ["es2015", "react"] }) 
    .bundle() 
    .pipe(source('app.js')) 
    .pipe(buffer()) 
    .pipe(sourcemaps.init({loadMaps: true})) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('./dist')); 
}); 

私は他の人が言ったようにbabel-polyfillを追加しようとしましたが、すべては私に働いていません。 gulp + babelify + browserifyを使用すると難しくなると思います。次回は、webpackを使うべきです。

とにかく、ポイントに戻って、Gelp + Babelify + Browserifyにbabel-polyfillを追加する方法はありますか?

私は数時間を過ごしましたが、まだ作業中です。

誰でもアドバイスとは、非常に理解されるであろうが欲しがる;)

答えて

1

は、HTML内のスクリプトタグを介して直接「バベル-ポリフィル」を追加することができます。 もう1つの方法はrequire( 'babel-polyfill')です。すべてのコードの先頭です。(これは駄目ではありません!) これを参照してください。 https://babeljs.io/docs/usage/polyfill/

+0

笑、あなたのポイントは正しいです。私は '私のgulpfileの中にrequire(' babel-polyfill ')を書きました!ありがとう! – modernator

+9

これはうまくいきますが、これは質問に対する答えではありません。私は同じことをしたいのですが、私のコードに 'require 'を追加することなく。私はBrowserifyバンドリングを使って "babel-polyfill"を扱いたい:どうすればいい? – CedX

関連する問題