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。