Webpack CLI在項目中不起作用

Question

我已按照React tutorial的說明操作。我在終端中使用npm install安裝了NPM，並能夠啓動節點服務器。問題是我無法運行Webpack在瀏覽器中查看更新。

當按照指示鍵入webpack --watch時，終端會給出錯誤消息：'webpack' not found，但Webpack已安裝在node_modules中。這是爲什麼發生？

Answer 1

您必須知道在本地安裝和全局安裝以及何時安裝的區別。每NPM Documentation：

如果你想使用它作爲一個命令行工具，像繁重的CLI的東西，那麼你要在全球範圍安裝。另一方面，如果你想使用類似Node的require這樣的東西來從你自己的模塊中獲取包，那麼你想在本地安裝。 （強調我的）

因此，您必須全局安裝Webpack以使用其CLI（命令行界面）。這樣做：

npm install webpack -g 

這樣一來，它在全球範圍安裝，您可以通過與webpack命令在命令行的WebPack運行。如果沒有全球安裝它，你仍然可以使用路徑本地安裝的模塊並執行這樣：

./node_modules/.bin/webpack --watch 

這可能是一個有點不方便，你應該選擇全球安裝。有關更多詳細信息，請參閱the Webpack Documentation。