安裝webpack-cli與webpack版本問題


最近在學習webpack過程中,根據官方文檔推薦局部安裝webpack,執行webpack -h命令出現以下提示

clipboard.png

npm install webpack-cli -D提示在開發環境中局部安裝webpack-cli
成功安裝webpack-cli后,運行webpack -h還是提示
clipboard.png

說明webpack命令還是沒有成功執行
不知道什么情況在package.json文件中,顯示webpack和webpack-cli已經成功引用

clipboard.png

在node_modules中也包含了這兩個包

clipboard.png

在網上搜索答案中發現

clipboard.png

在webpack 3中,webpack本身和它的CLI以前都是在同一個包中,但在第4版中,他們已經將兩者分開來更好地管理它們。
嘗試全局安裝webpack-cli

clipboard.png

執行webpack -h成功執行就不再提示安裝webpack-cli

clipboard.png

說明全局安裝cli之前webpack尋找不到webpack命令,在以前的版本不會出現這種情況是為什么呢?在網上搜索參考問題中
https://stackoverflow.com/que...
有人提到,在webpack 3中,webpack本身和它的CLI以前都是在同一個包中,但在第4版中,他們已經將兩者分開來更好地管理它們。
官方文檔中推薦本地安裝並且提示,當你在本地安裝 webpack 后,你能夠從 node_modules/.bin/webpack 訪問它的 bin 版本。
我把webpack-cli全局安裝卸載掉,然后進入路徑node_modules/.bin/webpack就可以執行了,如下:

clipboard.png

這就意味着如果你webpack和webpack-cli是局部安裝的,想要使用webpack命令必須進入node_modules/.bin/webpack才能執行webpack命令,.bin目錄包含的是一系列可以執行的命令,但是如果你是全局安裝的webpack-cli,就不需要進入bin目錄,webpack就能夠尋找到它的命令路徑了

 

 

 

 

 

.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM