1.0.3 • Published 7 years ago
es625 v1.0.3
我先用中文吧...
包服务对象
针对开始学习es6陌生语法,希望在demo过程中自己对比出es6和es5区别的同学。 功能是将src目录下的es6.js文件通过 gulp es625 打在 dist 下,利用 babel 的转换功能。 最终在编辑器里方便的对比。
依赖
依赖 gulp 和 babel ,具体如下:
"gulp": "^3.9.1",
"gulp-babel": "^6.1.2" ,
"babel-preset-es2015": "^6.24.0",
"babel-plugin-transform-es2015-modules-amd": "^6.24.0"
需要你做的
项目结构如下:
-- dist
-- es5.js
-- src
-- es6.js
-- .babelrc
-- .gitignore
-- .npmignore
-- gulpfile.js
-- package.json
-- README.md
配置文件内容如下:
//.babelrc
{
"presets": ["es2015"]
}
// gulpfile.js
var gulp = require('gulp');
var babel= require('gulp-babel');
gulp.task('es625', function(){
return gulp.src('src/**/*.js') //ES6
.pipe(babel())
.pipe(gulp.dest('dist')); //result of ES6 to ES5
});