webpack4.x各類坑記錄

網上找到不少webpack3.x的教程，但寫這個文章的時候，版本已經升到了4.x因此，看3.x的教程怎樣webpack怎麼錯，如下是一些記錄

1.webpack xxx xxx,這種錯就是要求你安裝依賴，結果你安裝完以後，再執行一樣的命令，她依然會有一樣的提醒，是由於沒安裝成功，再這狀況，必須手動安裝。

解決方式：手動安裝webpack-cli   

能夠用webpack -h檢查一下安裝狀況，會有一大串東西出來，不會再有以上的提示

 

2.webpack {入口文件} {輸入文件}

例如:webpack main.js bundle.js，這樣執行的結果是，意思是，執行webpack必須帶有mode

 

解決方式： 或者webpack --mode production,在4x裏面，webpack 入口 輸出文件 的命令已經取消了，因此必須用這個

 

3.可是用這個後，仍是會出現如下錯誤，這是由於，在4.x裏面已經使用了默認的入口文件，必須放在./src裏面，並且必須是index.js（這個文件名是否是必定叫index.js，有待認證）,

解決方式：建立./src/index.js，入口文件

4.最後一次執行

終於成功了，執行結果的最終結果是這樣的

 

 

5.進階

若是不想每次都進行打包命令，能夠在package.json文件的script裏面加上「dev」:"webpack --mode develop"，當下次執行npm run dev，就會自動執行相關動做