webpack 安装babel 来解决JS高级语法

安装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了！！！