webpack和webpack-cli的安裝和卸載

刪除全局webpack-cli

webpack4.x開始官方文檔是說要安裝cli所以如果的在用4.+就需要卸載cli

npm uninstall -g webpack-cli
# 注釋給我這種小白提供參考 # 卸載 uninstall 可以簡寫成 un # 全局 -g 的完整寫法是 --global # 現在問題來了這樣真的卸載了webpack-cli嗎？ # 答案是沒有。到現在為止我還沒有發現那個webpack-cli是全局安裝的，至少官方文檔沒看到。 # 那就看下面怎么刪除局部webpack-cli

刪除本地（局部）webpack-cli

npm uninstall webpack-cli
# 仔細看你會發現去掉全局參數 -g # 這時候你的命令行會快速滾動一些刪除信息。 # webpack-cli刪除成功

刪除全局webpack

npm uninstall -g webpack
# 這個注釋還是給小白看的 # 為什么要局部全局刪除webpack # 因為你可能在安裝webpack時不確定自己是全局安裝 # 還是本地安裝，所以建議先執行全局刪除命令 # 然后在執行下面的本地刪除命令

刪除本地webpack

npm un webpack
# 這時候小白的webpack是刪除完成了 # 還沒完看下面怎么說

檢查webpack殘余文件

ls
# 用ls命令查看一下是否有這幾個文件 # node_modules # package-lock.json # package.json # 有是最好的，如果沒有那你可能還沒找到自己本地安裝webpack的准確位置 # 有時候我也找不到了 # 現在說有的事 rm -rf node_modules package-lock.json package.json # 上面這行命令是刪除這些文件的意思 # 同學你的webpack 徹底刪除干凈了 # 但是小白一定要好好去了解一下 rm 和 rm -rf 的區別，在這里我不科普怕說錯。

安裝webpack

接下來讓我告訴你安裝webpack4.+的正確方式
其實官方文檔說的很清楚了，但是有點細節要注意。

1. 創建一個新的本地項目目錄名為webpack-demo

   mkdir webpack-demo

2. 進入目錄

   cd webpack-demo

3. 創建package.json文件

   npm init -y

4. 安裝webpack

   # 要安裝最新版本或特定版本，請運行以下命令之一： # 第一個安裝方式默認安裝最新版本 npm install --save-dev webpack # 第二個安裝方式是安裝你需要的版本 npm install --save-dev webpack@<version> 

5. 安裝webpack-cli

   npm install --save-dev webpack-cli
   # 不要忘記webpack4.+開始webpack-cli是必備的哦

6. 檢查webpack是否安裝成功

   node_modules/.bin/webpack -v
   # 執行了這個命令以后會輸出一個版本號 # 我的是4.11.1,因為webpack在不斷更新所以我們的版本號會有點區別，不是什么問題