如何正確徹底刪除webpack 全局或是局部？

刪除全局webpack-cli

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

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

刪除本地（局部）webpack-cli

npm uninstall webpack-cli
# 仔細(xì)看你會(huì)發(fā)現(xiàn)去掉全局參數(shù) -g
# 這時(shí)候你的命令行會(huì)快速滾動(dòng)一些刪除信息。
# webpack-cli刪除成功

刪除全局webpack

npm uninstall -g webpack
# 這個(gè)注釋還是給小白看的
# 為什么要局部全局刪除webpack
# 因?yàn)槟憧赡茉诎惭bwebpack時(shí)不確定自己是全局安裝
# 還是本地安裝，所以建議先執(zhí)行全局刪除命令
# 然后在執(zhí)行下面的本地刪除命令

刪除本地webpack

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

檢查webpack殘余文件

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

安裝webpack

接下來(lái)讓我告訴你安裝webpack4.+的正確方式
其實(shí)官方文檔說(shuō)的很清楚了，但是有點(diǎn)細(xì)節(jié)要注意。

1. 創(chuàng)建一個(gè)新的本地項(xiàng)目目錄名為webpack-demo

   mkdir webpack-demo

2. 進(jìn)入目錄

   cd webpack-demo

3. 創(chuàng)建package.json文件

   npm init -y

4. 安裝webpack

   # 要安裝最新版本或特定版本，請(qǐng)運(yùn)行以下命令之一：
   # 第一個(gè)安裝方式默認(rèn)安裝最新版本
   npm install --save-dev webpack
   # 第二個(gè)安裝方式是安裝你需要的版本
   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
   # 執(zhí)行了這個(gè)命令以后會(huì)輸出一個(gè)版本號(hào)
   # 我的是4.11.1,因?yàn)閣ebpack在不斷更新所以我們的版本號(hào)會(huì)有點(diǎn)區(qū)別，不是什么問題

   

好了webpack的卸載和安裝就到這了，喜歡我的可以點(diǎn)一個(gè)關(guān)注。我是一個(gè)喜歡編程的小白
千日醉蘭