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

변환된 es5:

"use strict";  
  
var foo = 1,  
    bar = 2,  
    baz = 3;  
  
console.log(foo);  
console.log(bar);  
console.log(baz);

위 내용은 gulp에서 es6을 es5로 변환하는 분석 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!