babel更新以後的 一些坑

最近在使用babel-loader的時候，發生了一些錯誤，如今的babel-loader版本已是8.0.0，更新到這個版本以後，若是還按照之前的安裝依賴的方法：

 cnpm install --save-dev babel-loader babel-preset-env babel-preset-es2015 babel-preset-react

會發生以下報錯：

說明如今babel-loader的版本須要的是@babel/core@^7.0.0，若是不進行處理而進行打包，會報以下錯誤：

所以我去看了一下babel更新以後的新版的配置方法：

如下是個人新版的配置信息：

cnpm install --save-dev @babel/core @babel/preset-env @babel/preset/react @babel/preset-es2015

//package.json
"devDependencies": {
    "@babel/core": "^7.0.0-beta.46",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-es2015": "^7.0.0-beta.53",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.0"
}

//.babelrc file
{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ]
}