webpack命令局部運行的幾種方法

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屬性等，但具體狀況我還沒嘗試，等後續嘗試了再來補充。

 

有理解錯誤的地方還望老司機指出，我會及時改正，以避免誤導你們，謝謝~。