Babel的presets和plugins笔记

Babel是一个工具链，主要用于将ECMAScript 2015+版本的代码转换为向后兼容的JavaScript语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

常用的preset
1.babel-preset-env: 用于编译es6语法, 是一个新的 preset，可以根据配置的目标运行环境（environment）自动启用需要的 babel 插件。
2.babel-preset-es2015: 用于编译es6语法.
3.babel-preset-es2017:用于编译es7语法.
4.babel-preset-latest:一个特殊的presets，包括了es2015，es2016，
5.es2017的插件（目前为止，以后有es2018也会包括进去）。
6.babel-preset-react: 用于编译jsx和flow语法加入
7.babel-preset-stage-x(stage-0/1/2/3/4)
stage-x和上面的es2015等有些类似，但是它是按照JavaScript的提案阶段区分的，一共有5个阶段。而数字越小，阶段越靠后，存在依赖关系。也就是说stage-0是包括stage-1的，以此类推, stage-0包含了所有个stage.
8.babel-preset-stage-0:（Babel V7.0 开始弃用）
包含了[transform-do-expressions]和[transform-function-bind], do 可以在react组件中使用if/else判断, function-bind 支持 ::操作符, 切换上下文 this::func 等价于 func.bind(this)
9.babel-plugin-transfrom-runtime:只是以模块化方式包含函数实现的包
用来解决编译中产生的重复的工具函数，减小代码体积,非实例方法的poly-fill, 如Object.assign, 但是实例方法不支持,如"foobar".includes(“foo”),这时候需要单独引入babel-polyfill.
10.babel-polyfill:
babel只会对es6或更高版本的javaScript的句法做转译, 而不会对它新添加的方法进行转译, babel-polyfill就是解决这个问题的, 使用方法