ホームページ > 記事 > ウェブフロントエンド > gulp での es6 から es5 への変換の分析例
gulp での es6 から es5 への変換のインスタンス分析
npm install --save-dev gulp-babel babel-preset-es2015
var babel = require("gulp-babel"); // es6 gulp.task('es6', function() { return gulp.src('./wuqian/**/*.js') .pipe(babel()) .pipe(gulp.dest('dist/')); });
プロジェクトのルート パスにファイル .babelrc を作成します。内容は
{ "presets": ["es2015"] }
gulpの設定は以下の通り:
var gulp = require("gulp"); var babel = require("gulp-babel"); gulp.task("default", function () { return gulp.src("js**/*.js")// ES6 源码存放的路径 .pipe(babel({ presets: ['es2015'] })) .pipe(gulp.dest("dist")); //转换成 ES5 存放的路径 });
ES6の例:
let [foo, [[bar], baz]] = [1, [[2], 3]]; console.log(foo); console.log(bar); console.log(baz);
Converted es5:
"use strict"; var foo = 1, bar = 2, baz = 3; console.log(foo); console.log(bar); console.log(baz);
以上がgulp での es6 から es5 への変換の分析例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。