babel版本問題

使用babel將高級語法轉換為低級語法時，需要安裝兩套包：

//第一套包
cnpm install babel-core babel-loader babel-plugin-transform-runtime -D
//第二套包
cnpm install babel-preset-env babel-preset-stage-0 -D

然后在配置文件webpack.config.js中添加一條rules:

{test: /\.js|jsx$/, use:'babel-loader', exclude: /node_modules/}  //注意：在配置babel-loader時，一定要加上exclude: /node_modules/，否則整個項目會報錯

在項目根目錄中，新建一個叫做 .babelrc 的babel 配置文件,這個配置文件屬於JSON格式，內容如下：

{
"presets": ["env","stage-0"],  
"plugins":["transform-runtime"]  
}

但是在打包的過程中出現以下錯誤，上網查了之后說是babel的版本問題，不能按之前的安裝命令來安裝babel包

 

具體修改如下：

1.重新安裝babel的兩套包：

//第一套包
cnpm install @babel/core babel-loader @babel/plugin-transform-runtime -D
//第二套包
cnpm install @babel/preset-env 

stage-*已經棄用了所以不需要安裝babel-preset-stage-0

2. .babel文件修改為：

{
    "presets": ["@babel/preset-env"],
    "plugins": ["@babel/plugin-transform-runtime"]
}

主要是將babel-preset-*修改為@babel/preset-* , babel-core修改為@babel/core , babel-plugin-*修改為@babel/plugin-*