1，webpack一入手就踩坑，打包時，各種報錯，程式碼檢查後正常，安裝模版的時候都是最新版本，但是各模板最新的版本之間相容卻有問題，必須將某些模板降低版本。當時安裝的最新版本如下圖

2，npm run dev 後，先是報了 babel 的錯誤 “ Error: Cannot find module '@babel/core'  ”，錯誤資訊還算詳細，直接說了babel-loader要換成7的版本，於是解除安裝babel-loader，安裝低版本 。

npm uninstall babel-loader
npm install [email protected] -D

3，再次執行後，提示要安裝webpack-cli，安裝後，依然報錯，錯誤資訊與webpack-dev-server有關，於是將webpack和webpack-dev-server 來回試了幾個版本，終於成功，報錯資訊和打包編譯成功的資訊如下圖，供大家參考，如果其它版本匹配編譯成功的，請在評論裡分享，讓大家少踩坑。

（webpack-cli 報錯資訊）

（webpack 和 webpack-dev-server 報錯資訊）

（打包編譯成功的模板版本號）