ES6转码ES5---gulp的使用

摘要: ES6转码ES5---gulp的使用

本文介绍用 Gulp 和 Babel 6 来将 ES6 代码转换成 ES5 代码。

1. 安装依赖

a.全局安装gulp

npm install -g gulp

b.项目中使用gulp

npm install --save-dev gulp

c.为gulp安装Babel插件

npm install --save-dev gulp-babel

d.为Babel安装ES6转码ES5的插件

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

###2.Gulp的配置

a.配置 gulpfile.js 的内容

var gulp = require("gulp");

var babel = require("gulp-babel");

gulp.task("default", function () {

return gulp.src("src/**/*.js")// ES6 源码存放的路径

.pipe(babel())

.pipe(gulp.dest("dist")); //转换成 ES5 存放的路径

});

###3.Babel配置

a.在项目根路径创建文件 .babelrc

{
"presets": ["es2015"]
}

###4.最后一步--转换
命令行中执行

gulp