webpack命令局部運行的幾種方法
1.第一種超棺,先全局安裝webpack
命令:npm install -g webpack
然后再在項目內(nèi)安裝
命令:npm install webpack --save-dev
這樣在項目內(nèi)就可以直接使用webpack命令了冷尉,運行的卻是局部的webpack
2.第二種闸拿,直接在局部安裝webpack施无,利用package.json設(shè)置中的scripts屬性
命令: npm install webpack --sava-dev / yarn add webapck
如果只是單純的在局部安裝webpack,你在cli(命令行界面)里輸入webpack你會發(fā)現(xiàn)webpack : command not found荠医,該命令不存在帖渠,具體原因暫時講不清楚,以后研究研究再來補充倔叼。
我們可以利用package.json配置中的scripts屬性來運行webpack命令汗唱,使用方法如下:
"scripts": {
"test": "webpack-dev-server --inline"
}
如此設(shè)置,然后在cli里利用npm run test丈攒,這樣就相當(dāng)于執(zhí)行了webpack-dev-server --inline命令了哩罪。
3.第三種,node_modules/.bin/webpack
這個方法和第二種方法一樣巡验,都是只在局部安裝webpack识椰,但是不需要利用package.json的scripts屬性。
項目內(nèi)安裝完webpack以后深碱,直接在cli里輸入node_modules/.bin/webpack即可以達(dá)到運行webpack命令的效果腹鹉。去.bin目錄下看看可以發(fā)現(xiàn)里面有webpack相關(guān)的幾個文件,通過該命令敷硅,我們也可以大概知道這個命令是到.bin目錄下去找到webpack,我一開始是這樣理解的功咒,所以我覺得既然可以這樣運行愉阎,為什么不可以直接cd 到 .bin目錄內(nèi)去直接執(zhí)行webpack命令呢?我嘗試了下力奋,很遺憾榜旦,還是提示webpack : command not found,所以我還是有點困惑景殷,希望有大神可以解答一下~
4.新建一個index.js溅呢,內(nèi)容如下:
const webpack = require('webpack');
webpack();
然后在cli里運行 node index.js即可
5.其他
除了上面這四種方法,應(yīng)該還有其他方法猿挚,比如我了解的利用package.json的Bin屬性等咐旧,但具體情況我還沒嘗試,等后續(xù)嘗試了再來補充绩蜻。