webpack坑系列--安裝webpack-cli

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

clipboard.png

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

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

clipboard.png

在node_modules中也包含了這兩個包npm

clipboard.png

在網上搜索答案中發現json

clipboard.png

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

clipboard.png

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

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就能夠執行了,以下:3d

clipboard.png

這就意味着若是你webpack和webpack-cli是局部安裝的,想要使用webpack命令必須進入node_modules/.bin/webpack才能執行webpack命令,.bin目錄包含的是一系列能夠執行的命令,可是若是你是全局安裝的webpack-cli,就不須要進入bin目錄,webpack就可以尋找到它的命令路徑了,以上是個人我的總結,有什麼錯誤的地方歡迎你們批評指出!blog

相關文章
相關標籤/搜索