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