【前端學習】皆大歡喜 普天同慶 我的webpack終於能編譯es6了！

webpack編譯es6需要用到babel，這個真的太坑了，各種版本不兼容問題，於是我打算刪除node_modules模塊，全部重新安裝
其他要用到的加載機模塊就不說了，在這裏主要說一下babel

npm i babel-core babel-loader babel-preset-env babel-preset-stage-3 babel-polyfill --save-dev

然後需要在項目根目錄新建一個.babelrc文件，內容如下

{
  "presets": [
    ["env", { "modules": false }],
    "stage-3"
  ]
}

這裏參考了從零開始搭建一個簡單的基於webpack的vue開發環境

但是依舊跑不起來，第一次的報錯我比較熟悉，因爲之前遇到過，忘記安裝了@babel/core，安裝之後依然有問題
錯誤如下

Plugin/Preset files are not allowed to export objects,only functions.

這裏的錯誤意思是babel不兼容，最後發現問題出現在babel-loader上，我安裝的是8.x.x的版本，而其他babel相關是7.x.x版本，抱着試試看的心態，我npm uninstall卸載了babel-loader，重新安裝了7版本的，安裝之後沒抱太大希望的在控制檯輸入webpack，竟然打包成功了，終於解決了這個困擾我好久的問題。