安装babel 失败!!! 这个法子真可行
简介babel
首先要了解babel插件是干嘛的,随着js的语法规范发展,出现了越来越多的高级语法,但是使用webpack打包的时候,webpack并不能全部理解这些高级语法,需要我们使用一些插件来把高级语法,转为低级语法后打包。babel就是将高级语法转为低级语法的工具。
安装插件:
- 安装babel和相关loader
cnpm install babel-core babel-loader babel-plugin-transform-runtime -D
cnpm install bebel-preset-env babel-preset-stage-0 -D
- 打开webpack的配置文件,在module节点下的rules数组中,添加一个新的匹配规则
{test:/\.js$/, use:'babel-loader', exclude:/node_modules/}
- 在项目的根目录中,新建一个叫做 .babelrc的babel配置文件
{
"presets" : ["env","stage-0"],
"plugins" : ["transform-runtime"]
}
接下来就ok了!!!