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-*