就須要卸載cli 配置webpack ,提示須要安裝 webpack-cli,選擇yes 後安裝webpack-cli ,node
但是問題不斷,因此找了參考文章,卸載乾淨後根據文章,局部安裝webpack 及 webpack-cli。webpack
webpack4.x開始官方文檔是說要安裝cli因此若是的在用4.+就須要卸載cli web
npm uninstall -g webpack-cli
# 註釋給我這種小白提供參考 # 卸載 uninstall 能夠簡寫成 un # 全局 -g 的完整寫法是 --global # 如今問題來了這樣真的卸載了webpack-cli嗎? # 答案是沒有。到如今爲止我尚未發現那個webpack-cli是全局安裝的,至少官方文檔沒看到。 # 那就看下面怎麼刪除局部webpack-cli
npm uninstall webpack-cli
# 仔細看你會發現去掉全局參數 -g # 這時候你的命令行會快速滾動一些刪除信息。 # webpack-cli刪除成功
npm uninstall -g webpack
# 這個註釋仍是給小白看的 # 爲何要局部全局刪除webpack # 由於你可能在安裝webpack時不肯定本身是全局安裝 # 仍是本地安裝,因此建議先執行全局刪除命令 # 而後在執行下面的本地刪除命令
npm un 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 的區別,在這裏我不科普怕說錯。
接下來讓我告訴你安裝webpack4.+的正確方式
其實官方文檔說的很清楚了,可是有點細節要注意。shell
建立一個新的本地項目目錄名爲webpack-demonpm
mkdir webpack-demo
進入目錄json
cd webpack-demo
建立package.json文件segmentfault
npm init -y
安裝webpackbash
# 要安裝最新版本或特定版本,請運行如下命令之一: # 第一個安裝方式默認安裝最新版本 npm install --save-dev webpack # 第二個安裝方式是安裝你須要的版本 npm install --save-dev webpack@<version>
安裝webpack-clispa
npm install --save-dev webpack-cli
# 不要忘記webpack4.+開始webpack-cli是必備的哦
檢查webpack是否安裝成功命令行
node_modules/.bin/webpack -v
# 執行了這個命令之後會輸出一個版本號 # 個人是4.11.1,由於webpack在不斷更新因此咱們的版本號會有點區別,不是什麼問題