webpack中babel的配置問題

webpack，預設只能解析一部分的ES6的語法，我們需要安裝babel外掛，來輔助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 ~~~ 這樣就可以啦