1. 程式人生 > >轉:如何正確徹底刪除webpack 全局或是局部?

轉:如何正確徹底刪除webpack 全局或是局部?

ls命令 ash href 信息 ebp dir 最新版本 的區別 16px

原文鏈接:如何正確徹底刪除webpack 全局或是局部?

刪除全局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 [email protected]<version>
    
  5. 安裝webpack-cli

    npm install --save-dev webpack-cli
    # 不要忘記webpack4.+開始webpack-cli是必備的哦
  6. 檢查webpack是否安裝成功

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

轉:如何正確徹底刪除webpack 全局或是局部?