Maison > interface Web > js tutoriel > le corps du texte

Exemple d'analyse de la conversion d'es6 en es5 en gulp

黄舟
Libérer: 2017-07-24 13:43:35
original
1948 Les gens l'ont consulté

Exemple d'analyse de la conversion d'es6 en es5 dans gulp

npm install --save-dev gulp-babel  babel-preset-es2015
Copier après la connexion
var babel = require("gulp-babel");
// es6
gulp.task('es6', function() {
    return gulp.src('./wuqian/**/*.js')
        .pipe(babel())
        .pipe(gulp.dest('dist/'));
});
Copier après la connexion

Créez le fichier .babelrc dans le chemin racine du projet. Le contenu est

{  "presets": ["es2015"]
}
Copier après la connexion

la configuration de gulp est la suivante :

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 存放的路径  
});
Copier après la connexion

Exemples ES6 :

let [foo, [[bar], baz]] = [1, [[2], 3]];  
console.log(foo);  
console.log(bar);  
console.log(baz);
Copier après la connexion

Es5 converti :

"use strict";  
  
var foo = 1,  
    bar = 2,  
    baz = 3;  
  
console.log(foo);  
console.log(bar);  
console.log(baz);
Copier après la connexion


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal