babel转码器解决ES6兼容性

1. 各种浏览器对ES6支持又如何呢？

各大浏览器的最新版本对ES6支持度已经越来越高了，超过 90%的 ES6 语法特性都实现了。但是不支持的部分怎么办呢？需要我们的Babel主角出场了

2.介绍下主角Babel

答：Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在现有环境执行。这意味着，你可以用 ES6 的方式编写同时又不用担心现有环境是否支持。

// 举个例子 //ES6代码（箭头函数） var fn = (a, b) => a+b; //ES6转码后 var fn = function(a,b)

在线测试转换：https://babeljs.io/repl

3. 怎么学习进行转码

答: （1）安装Babel

npm install --save-dev @babel/core

（2）配置文件.babelrc（此配置文件需要放到项目根目录）

1） es最新转码规则

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

2）规则加入.babelrc

{ "presets": [ "@babel/env" ], "plugins": [] }

（3）命令行转码

1）安装cli

npm install --save-dev @babel/cli

2）执行命令

npx babel 1.js -o 2.js

3）当前文件夹就会多出一个被编译后的2.js文件

最后注意：如果常用的es6语法可以直接在谷歌浏览器里面使用学习，开发中一定要进行编译转码