我正在学习React.js，并且我正在使用Windows 8操作系统。我已经导航到我的根文件夹。
1.Created the package.json file by npm init
2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder
3. install webpack globally by typing npm install webpack -g
4. i am also having a webpack.config.js in my root folder which contains the source and ouput directory
5. when i type the webpack command i am getting the below error.
webpack未被识别为内部或外部命令，可执行的程序或批处理文件。
解决这个问题的更好方法是全局安装Webpack。
这种方法总是有效的，我用它解决了问题。尝试以下命令。
npm install -g webpack
npm install -g webpack-cli。现在它可以工作了。 - Derk Jan Speelman如果您在本地安装了Webpack，作为替代方案，您可以明确指定Command Prompt应该在哪里查找它，例如：
node_modules\.bin\webpack
（这假设您已在包含您的package.json的目录中，并且您已经运行了npm install webpack。）
node_modules\.bin 添加到 tools->configure external tools 吗？ - Max Favillinpx webpack 命令，它会检查 ./node_modules/.bin 目录下的内容，无需处理路径问题。 - Manfred我也遇到了这个问题很长一段时间。(全局安装webpack等，但仍然没有被识别) 事实证明，我没有为npm指定环境变量(webpack.cmd文件在哪里)。 所以我将其添加到我的Path变量中
%USERPROFILE%\AppData\Roaming\npm\
如果您正在使用PowerShell，可以键入以下命令来有效地将其添加到您的路径中：
[Environment]::SetEnvironmentVariable("Path", "$env:Path;%USERPROFILE%\AppData\Roaming\npm\", "User")
重要提示：别忘了关闭并重新打开你的 Powershell 窗口，以便应用此更改。
npm install -g webpack-dev-server 可以解决你的问题。
'webpack-dev-server' 不被识别为内部或外部命令、可执行程序或批处理文件。 - Neloy Sarothi.bin 文件夹来解决 npm install 的问题，但引入了这个问题。 - Nacho H也许重新安装可以解决问题。这个“命令”会删除所有以前的模块并重新安装它们，可能是在 webpack 模块未完全下载和安装时。
npm clean-install
将webpack命令作为npm脚本添加到您的package.json文件中。
{
"name": "react-app",
"version": "1.0.0",
"scripts": {
"compile": "webpack --config webpack.config.js"
}
}
然后运行
npm run compile
当安装Webpack时，它会在./node_modules/.bin文件夹中创建一个二进制文件。npm脚本也会查找在此文件夹中创建的可执行文件。
现在Webpack CLI已经成为一个单独的软件包，必须全局安装才能使用“webpack”命令：
npm install -g webpack-cli
编辑： 很多事情已经改变。Webpack团队不建议全局安装CLI（或单独安装）。这个问题现在应该已经被解决了，但正确的安装命令是:
npm install --save-dev webpack
这个答案最初是为了解决OP的问题而设计的"变通方法"。
npx webpack
它对我很有效。我正在使用Windows 10，并在本地安装了webpack。
我们也遇到了这个问题，我喜欢所有建议使用在package.json中定义脚本的答案。
对于我们的解决方案，我们经常使用以下流程：
npm install --save-dev webpack-cli（如果您使用的是webpack v4或更高版本，则使用npm install --save-dev webpack，请参见Webpack安装指南，检索日期为2019年1月19日）npx webpack第1步只需进行一次。第2步还会检查./node_modules/.bin。您也可以将第2步作为npm脚本添加到package.json中，例如：
{
...
"scripts": {
...
"build": "npx webpack --mode development",
...
},
...
}
npm run build执行此脚本。已在Windows 10上使用npm版本6.5.0、webpack版本4.28.4和webpack-cli版本3.2.1测试了此解决方案，并在PowerShell窗口内执行所有命令。我的nodejs版本是/曾经是10.14.2。我还在Ubuntu Linux版本18.04上进行了测试。