14. es6 介绍 - 01

[inkkk]

ES6简介

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015

浏览器兼容情况

es6编译

• babel
• gulp
• webpack
• jsbin

简单说下babel,Babel 是一个通用的多用途 JavaScript 编译器.

安装

npm install -g babel-cli

将一个文件编译后输出

babel example.js -o compiled.js

如果我们想要把一个目录整个编译成一个新的目录，可以使用 --out-dir 或者 -d。

$ babel src --out-dir lib
# 或
$ babel src -d lib

也可以在项目内部运行babel因为不同的项目可能会依赖不同的babel版本

要在（项目）本地安装 Babel CLI 可以运行：

npm install --save-dev babel-cli

然后可以在package.json里面加上一段代码

  "build": "babel src -d lib"

然后每次编译只需npm run build就可以了。

配置

再告诉babel要做什么之前需要在项目的根目录新建一个.babelrc的文件用来存放babel的配置

{
  "presets": [],
  "plugins": []
}

其中prests 表示需要启动什么样的预设转码，plugins顾名思义就是插件

ES6转ES5

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

修改.babelrc 来安装这个预设

{
  "presets": [es2015],
  "plugins": []
}

why es6

简洁、优雅。

总之就是

爽