為了進一步瞭解webpack，看了思否這篇入門webpack的文章，連結如下

但是這篇文章不是講解webpack，而是想說明和記錄我自己一步步按照文章中的步驟去實踐而發現的一些問題

在上面的文章中，他使用的webpack版本應該是3.0以上的版本，而現在webpack已經是4的版本了，而3版本和4版本會有差異，所以就會出現所謂的“坑”

當然也可以安裝3版本  npm install [email protected]  --g

坑①：webpack4.0以上版本的webpack的腳手架webpack-cli已經被被分離出來了，需要另外安裝。

npm install webpack  --g

npm install webpack-cli  --g

所以需要分別安裝webpack和webpack-cli、

坑②：webpack打包命令，3版本的是 webpack  main.js  bundl.js，但是在4版本使用前述命令時會報如下錯誤

意思是我們沒有設定好環境模式，development或者production

在4版本中。正確的命令如下：

webpack  main.js  -o  bundl.js  --mode  development