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 [參考資料來自]