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

原文地址:https://www.cnblogs.com/zcy9838/p/12010466.html