ES6 トランスコーディングに gulp を使用する

ECMAScript 6.0 (略称 ES6) は JavaScript 言語の次世代標準であり、2015 年 6 月に正式にリリースされました。理想と追求を持った新世代のプログラマーとして、当然、このような良いものを手放すわけにはいきません。

しかし、ES6 の互換性の問題は誰にとっても頭痛の種です。幸いなことに、gulp の忠実なファンとして、ES6 トランスコーダのようなものを使用して、からの変換を簡単かつ迅速に実装するにはどうすればよいでしょうか。 ES6 から ES5 へのトランスコーディング:

1. まず、gulp-babel プラグインと babel-preset-es2015 ルール セットをダウンロードする必要があります:

コマンド ライン コード

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

2 .次に、gulpfile.js ファイルの作成を開始します。

Js コード

var gulp = require('gulp');

var babel = require('gulp-babel'); var config={

es6file:'src/js/test.js',

es5file:'dist/js/'

};

gulp.task('es6', function () {

return gulp .src(config.es6file )

.pipe(babel({

)

.pipe(gulp.dest(config.es5file));

});

gulp.task('デフォルト', function () {

gulp.watch(config.es6file, ['es6']);

3. 最後に、gulp コマンドを入力してタスク監視を開始します:

コマンド ライン コード

gulp

4.次に、次の ES6 コードを src/js/test.js ファイルに記述して保存し、テストが成功したかどうかを確認します。 a="likeke";

arr.map(item=>item+1);

dist/js/test.js ファイルを開くと、変換が成功したことがわかります コード:

JS コード

"厳密な使用";

/** 

* 16-9-28 に likeke によって作成されました。 

 */

var a = [1, 6, 8, 3]; (関数 (アイテム) {

アイテムを返す + 1;

});