目的:webpack,默认只能解析一部分的ES6的语法,我们需要安***abel插件,来辅助webpack解析语法。

第一步:安装插件 

1-1:(cnpm i babel-core babel-loader babel-plugin-transform-runtime -D)

 1-2:(cnpm i babel-preset-env babel-preset-stage-0 -D)

第二步:在webpack.config.js里面的module里面配置

 第三步:创建 .babelrc 并配置

 

第四步:测试

4-1:我在mian.js里面写了一个高级一点的语法,单纯的用webpack会报错。现在我们来看看安装插件之后的是否会报错

 还是报错了,上面我们第一步安装插件的时候,出现了一个警告。

 即使安装了还是会报一个错。经过各种测试,发现是插件版本不兼容,

解决办法,就是删除你的node_modules。把你的package.json对应的插件版本修改如下

"babel-core": "^6.26.0",
        "babel-loader": "^7.1.2",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-stage-0": "^6.24.1",

 然后再次重新安装   cnpm i