本文銜接上一篇文章：

一、安裝node環境

webpack需要在node環境下才能執行，所以需要首先安裝最新版本的node。js：

直接傻瓜式下一步、下一步就可以完成安裝了。

安裝完成後使用node -v就可以檢視當前本機安裝的node的版本：

npm也會隨著node的安裝時一同安裝，所以，也可以用npm -v檢視npm的版本：

至此，node就安裝成功了。

二、全域性安裝webpack

全域性安裝意味著本機上所有的專案都將使用這個全域性安裝的webpack：

安裝成功後，透過以下命令檢視新安裝的webpack的版本：

證明全域性安裝webpack已經成功。

三、本地安裝webpack（推薦）

我們先把前面全域性安裝的webpack解除安裝：

再建立一個測試資料夾webpack-demo，並在控制檯中進入該目錄，然後在該目錄中初始化npm：

然後在資料夾中我們會發現多了一個package。json檔案：

package。json檔案裡面包含了webpack-demo資料夾中的專案的資訊，以及該專案的依賴（需要使用的工具包等等）：

現在編輯package。json檔案，使得該示例專案不會被npm分發出去：

緊接著就可以本地安裝webpack了：

再安裝webpack-cli：

安裝完後，使用npx webpack -v（webpack -v檢視的是全域性安裝的webpack的版本）檢視當前本地安裝的webpack的版本：

webpack本地安裝成功。