webpack命令局部運行的幾種方法
1. 第一種,先全局安裝webpack
命令:npm install -g webpack
然后再在項目內安裝
命令:npm install webpack --save-dev
這樣在項目內就可以直接使用webpack命令了,運行的卻是局部的webpack
2.第二種,直接在局部安裝webpack,利用package.json設置中的scripts屬性
命令: npm install webpack --sava-dev / yarn add webapck
如果只是單純的在局部安裝webpack,你在cli(命令行界面)里輸入webpack你會發現webpack : command not found,該命令不存在,具體原因暫時講不清楚,以后研究研究再來補充。
我們可以利用package.json配置中的scripts屬性來運行webpack命令,使用方法如下:
"scripts": {
"test": "webpack-dev-server --inline"
}
如此設置,然后在cli里利用npm run test,這樣就相當於執行了webpack-dev-server --inline命令了。
3.第三種,node_modules/.bin/webpack
這個方法和第二種方法一樣,都是只在局部安裝webpack,但是不需要利用package.json的scripts屬性。
項目內安裝完webpack以后,直接在cli里輸入node_modules/.bin/webpack即可以達到運行webpack命令的效果。去.bin目錄下看看可以發現里面有webpack相關的幾個文件,通過該命令,我們也可以大概知道這個命令是到.bin目錄下去找到webpack,我一開始是這樣理解的,所以我覺得既然可以這樣運行,為什么不可以直接cd 到 .bin目錄內去直接執行webpack命令呢?我嘗試了下,很遺憾,還是提示webpack : command not found,所以我還是有點困惑,希望有大神可以解答一下~
4.新建一個index.js,內容如下:
const webpack = require('webpack');
webpack();
然后在cli里運行 node index.js即可
5.其他
除了上面這四種方法,應該還有其他方法,比如我了解的利用package.json的Bin屬性等,但具體情況我還沒嘗試,等后續嘗試了再來補充。
有理解錯誤的地方還望老司機指出,我會及時改正,以免誤導大家,謝謝~。
