Skip to content

入门

https://es6.ruanyifeng.com/

ES3类似用斧头伐木
ES5类似用锯伐木
ES6类似用电锯伐木

全称:ECMAScript6
2015年发布,ECMAScript2015, ES2015

ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等,而 ES2015 则是正式名称,特指该年发布的正式版本的语言标准

Babel 转码器

Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行

1
2
3
4
5
6
7
// 转码前
input.map(item => item + 1);

// 转码后
input.map(function (item) {
  return item + 1;
});

npm install --save-dev @babel/core

配置文件.babelrc

Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。

该文件用来设置转码规则和插件,基本格式如下。

1
2
3
4
{
  "presets": [],
  "plugins": []
}

presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装。

npm install --save-dev @babel/preset-env

然后,将这些规则加入.babelrc。

1
2
3
4
5
6
{
  "presets": [
    "@babel/preset-env",
  ],
  "plugins": []
}