關於`babel-loader`和`babel-core`版本兼容性問題

1. 安裝babel-loader和babel-core出現問題

1.1 安裝babel的轉換工具包：

npm i babel-core babel-loader babel-plugin-transform-runtime -D

 

1.2 安裝完成後package.json中顯示：

"dependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^8.0.5",
...
},

 

1.3 注意：`package.json`中的信息顯示，在`npmjs.com`倉庫中`babel-core`最新版本是`6.26.3`，同時`babel-loader`最新版本是`8.0.5`，可是這裏報了一個警告：

npm WARN babel-loader@8.0.5 requires a peer of @babel/core@^7.0.0 but none is installed. 

 

2. 關於上述問題的解答：

2.1 `babel-loader@8.x`是webpack用於`Babel 7.x`的一個整合loader模塊，`Babel 7.x`已經把全部的相關的包從`babel-`遷移到了`@babel`的npm環境倉庫。

因此上述警告是合適的，你能夠經過使用`@babel/core`代替`babel-core`來安裝：

npm i @babel/core -D

 

2.2 若是你但願安裝`Babel 6.x`，你可使用下面的命令：

npm i babel-core babel-loader@7 babel-plugin-transform-runtime -D

 

2.3 若是你想使用`Babel 7`，理論上你可使用下面的命令安裝：

npm i @babel/core babel-loader babel-plugin-transform-runtime -D

 

2.4 [參考資料來自]