babel详解

##1. babel-presets和babel-plugins的使用方法 - npm instatll --save-dev XXX 的方式安装响应模块(记得在必须安装babel-core模块); - 在跟目录下创建.babelrc文件, 并配置: ``` { "comments": false, "env": { "main": { "presets": [ ["env", {"targets": { "node": 7 }}], "stage-0" ] }, "renderer": { "presets": [ ["env", {"modules": false}], "stage-0" ] }, "web": { "presets": [ ["env", {"modules": false}], "stage-0" ] } }, "plugins": ["transform-runtime"] } ``` - babel-preset-env: 用于编译es6语法, 是一个新的 preset，可以根据配置的目标运行环境（environment）自动启用需要的 babel 插件 - babel-preset-stage-x： stage-x和上面的es2015等有些类似，但是它是按照JavaScript的提案阶段区分的，一共有5个阶段。而数字越小，阶段越靠后，存在依赖关系。也就是说stage-0是包括stage-1的，以此类推, stage-0包含了所有个stage - babel-plugin-transfrom-runtime： 用来解决编译中产生的重复的工具函数，减小代码体积,非实例方法的poly-fill, 如Object.assign, 但是实例方法不支持,如"foobar".includes("foo"),这时候需要单独引入babel-polyfill.