Babel是什么
Babel是一個編譯JavaScript的平臺买决，它的強大之處表現(xiàn)在可以通過編譯幫你達到：
- 使用下一代的javascript（ES6睦柴，ES7,……）代碼删壮，即使當前瀏覽器沒有完成支持丢胚；
- 使用基于JavvScript進行擴展語言艰山，比如React的JSX窗宦；
webpack配置Babel
安裝依賴包：
npm install --save-dev babel-core babel-loader babel-preset-react babel-preset-env
- babel-core：babel的核心包赦颇；
- babel-loader：babel的loader包；
- babel-preset-es2015：解析es6的包赴涵；
- babel-preset-env：解析es6的包媒怯；（官方最新推薦）
- babel-preset-react：解析React的JSX的包；
在webpack.config.js中配置babel:
module:{
rules:[
{
test:'/\.(js|jsx)$/',
use:{
loader:'babel-loader'
},
exclude:/node_module/
}
]
}
在根目錄下建立.babelrc文件髓窜，雖然Babel可以直接在webpack.config.js中進行配置扇苞，但是考慮到babel具有非常多的配置選項，如果卸載webapck.config.js中會非常的雍長不可閱讀寄纵，所以我們經(jīng)常把配置卸載.babelrc文件里鳖敷。
.babelrc
{
"presets":["env","react"]
}
參考地址：
