鍍金池/ 問答/HTML/ 運(yùn)行webpack命令一直提示安裝webpack-cli

運(yùn)行webpack命令一直提示安裝webpack-cli

圖片描述

按著提示運(yùn)行npm install webpack-cli -D命令之后,package.json顯示已有webpack-cli,然后再運(yùn)行webpack命令又出現(xiàn)以上提示。

回答
編輯回答
疚幼

it needs to be installed alongside webpack to use the CLI

webpack-cli需要和webpack同時安裝才能生效。記住??!同時安裝

yarn add webpack-cli webpack -D

2018年5月21日 00:12
編輯回答
喵小咪

npm install webpack-cli -g //全局安裝
webpack -v //看版本
webpack //打包完成

2017年1月3日 11:47
編輯回答
孤酒

如果要拿著個命令 需要在全局也裝一個。

不然就補(bǔ)全路徑 ./node_modules/webpack

沒記錯的話是這樣,總之就是補(bǔ)全路徑了,因?yàn)槟?D安裝的是在當(dāng)前項(xiàng)目的node_modules下面。你要告訴他去哪里找這個命令

不然他就去全局找了。然而全局找不到,那就報(bào)錯

2017年1月10日 19:32
編輯回答
別逞強(qiáng)

我剛剛也遇見這個問題了 不過我是局部安裝了一個webpack-cli就解決了

2017年8月20日 12:28
編輯回答
荒城

我沒-d 直接 -g 就ok

2017年5月7日 09:09
編輯回答
乞許

最近我也在學(xué)webpack的最新版。這個問題一開始也困擾了我一段時間,不過后來發(fā)現(xiàn)原來文檔的guide里其實(shí)都已經(jīng)寫明白了。。。
那就是用npx命令。

樓上各位的回答其實(shí)都沒有根本解決問題。

webpack4最新文檔,建議每個項(xiàng)目都是用單獨(dú)的webpack,也就是局部安裝。這樣一個項(xiàng)目中的package.json都能管理好依賴的環(huán)境包了。再全局安裝一遍webpack和webpack-cli用的是全局的,并沒有起到局部安裝的效果。

局部安裝的時候,這些可執(zhí)行包的執(zhí)行文件,也就是cmd文件,都在項(xiàng)目的node_module/.bin目錄下,npx命令就是自動去該目錄下去找執(zhí)行文件。

所以,局部安裝該項(xiàng)目自己的webpack和webpack-cli,并且執(zhí)行,就幾條命令:

npm init -y
npm install webpack -D
npm install webpack-cli -D

寫好webpack配置文件后,打包命令:
npx webpack

當(dāng)然,其實(shí)用全局的webpack也是可行的。只是如果項(xiàng)目拷貝到別人的電腦上,不能保證webpack是統(tǒng)一版本了。。

2018年6月10日 18:22
編輯回答
不歸路

遇到同樣的問題 搞定了
npm i webpack-cli -D不行還需要全局安裝npm i webpack-cli -g
之后再使用webpack就可以了
如果安裝webpack-cli的過程中還報(bào)錯的話 可能你還需要配置好node的環(huán)境變量path

2017年10月28日 14:23
編輯回答
短嘆

遇到過一樣的問題,不知道你是否也用的webpack4?
我的解決方法是在config配置文件中加入配置:mode: 'development'或者 mode: 'production'

module.exports={
    //其他參數(shù)
    mode: 'development',
    devServer: {
        //其他配置
        
    } 
}

mode是webpack4新增配置項(xiàng)。
你可以試試。
命令行加參數(shù) --mode development 或 --mode production 應(yīng)該也可以。
或者退回老版本吧

2018年5月3日 15:22
編輯回答
我以為

那就安裝一個唄?系統(tǒng)學(xué)習(xí)完了就知道了。

2017年8月15日 02:27