ES6学习笔记

2016-01-23

ECMAScript 6简介

ECMAScript6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015，也就是说，ES6就是ES2015。

工具安装

因为目前各大游览器对ES6的支持不是很好，所以我们需要用到工具对ES6进行转码，这里我们用babel来转码，因为项目里面还会用到其他前端自动化的东西，所以这里我们选择用gulp+babel

安装gulp

1	npm install --save-dev gulp

安装gulp-babel

1	npm install --save-dev gulp-babel

配置如下

var gulp = require('gulp');
var babel = require('gulp-babel');
gulp.task('es6', function () {
  return gulp.src('build/es6/*.js')
      .pipe(babel())
      .pipe(gulp.dest('build/js/'));
});
gulp.task('watch-es6',function (done) {
  gulp.watch('build/es6/*.js', ['es6'])
      .on('end', done);
});
gulp.task('default',['watch-es6']);

下次再用webpack来进行相关配置。

文章参考ECMAScript 6 入门