搞定es6系列之初识es60.关于ECMAScript6 es6是什么？答：新一代的JS语言(语法) 1.关于babel

0.关于ECMAScript6

es6是什么？答：新一代的JS语言(语法)

## 1.为什么学习ES6?
        写更少的代码，做更多的事，write less，domore
## 2.ES6包括哪些?
        ES6=ES6!7、8、9、10，11,继ES6之后的更新，由于差异很小，统统划分到ES6的麾下

1.关于babel

##1.为什么要对ES6语法进行转码?
        为了兼容老版本浏览器
## 1. Babel是什么?
        ES6语法的转码工具(对ES6语法进行降级处理的，从而保证了代码的兼容性)
## 2.@babel/polyfill模块的作用是什么?
        Babel默认只转换新的ES6句语法，而不转换新的API，借助@babel/polyfil可以转换新的API，如generator/map/...等api
##3.配置文件
    .babel.config.js
    .babelrc
##4.配置格式
  {
   //预设集：转换语法-》es5/ts/react/flow...
   'preset':["@babel/preset-env"]
   //插件集：增强转码能力
   'plugin':[]
   }

2.关于实时编译转换实现即刻兼容浏览器搭建es6环境

基于Webpack开发服务器环境下，结合Babel转码配置，进行实时编译ES6代码，通过网页呈现出来

mindmap
      Es5=>Es6
          Webpack=》.webpack.confog.js配置
          Babel=》.babelrc配置

3.官方参考文档

babel：babeljs.io/

webpack：webpack.js.org/

vite：vitejs.cn/vite3-cn/gu…

mdn：developer.mozilla.org/zh-CN/

api兼容性：caniuse.com/#home