Babel解析es6語法，主要分為3步：
在 webpack 中，默認(rèn)只能處理 一部分 ES6 的新語法，一些更高級的ES6語法或者 ES7 語法，webpack 是處理不了的；這時候，就需要 借助于第三方的 loader，來幫助webpack 處理這些高級的語法，當(dāng)?shù)谌絣oader 把 高級語法轉(zhuǎn)為 低級的語法之后，會把結(jié)果交給 webpack 去打包到 bundle.js 中
通過 Babel ，可以幫我們將 高級的語法轉(zhuǎn)換為 低級的語法
1. 在 webpack 中，可以運行如下兩套 命令，安裝兩套包，去安裝 Babel 相關(guān)的loader功能：
1.1 第一套包： cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
1.2 第二套包： cnpm i babel-preset-env babel-preset-stage-0 -D
2. 打開 webpack 的配置文件，在 module 節(jié)點下的 rules 數(shù)組中，添加一個 新的 匹配規(guī)則：
2.1 { test:/.js$/, use: 'babel-loader', exclude:/node_modules/ }
2.2 注意： 在配置 babel 的 loader規(guī)則的時候，必須 把 node_modules 目錄，通過 exclude 選項排除掉：原因有倆：
2.2.1 如果 不排除 node_modules， 則Babel 會把 node_modules 中所有的 第三方 JS 文件，都打包編譯，這樣，會非常消耗CPU，同時，打包速度非常慢；
2.2.2 哪怕，最終，Babel 把 所有 node_modules 中的JS轉(zhuǎn)換完畢了，但是，項目也無法正常運行！
3. 在項目的 根目錄中，新建一個 叫做 .babelrc 的Babel 配置文件，這個配置文件，屬于JSON格式，所以，在寫 .babelrc 配置的時候，必須符合JSON語法規(guī)范： 不能寫注釋，字符串必須用雙引號
3.1 在 .babelrc 寫如下的配置： 大家可以把 preset 翻譯成 【語法】 的意思
{
"presets": ["env", "stage-0"],
"plugins": ["transform-runtime"]
}
