webpack 命令无法识别

【问题标题】：webpack command not recognizedwebpack 命令无法识别
【发布时间】：2020-09-25 19:10:06
【问题描述】：

我在 npm 脚本中配置了以下命令。现在，如果我运行命令“npm run dev”，命令提示符中没有响应。但是，如果在命令提示符下将以下命令作为“webpack -wd”运行，则该命令按预期工作。为什么，我无法从 npm 脚本运行此命令。我正在使用 windows 并在环境变量中设置节点路径如下

 "scripts": {
   "dev": "webpack -wd",
   "test": "echo \"Error: no test specified\" && exit 1"
  }

C:\Program Files\nodejs;C:\Program Files\nodejs\node_modules\npm\bin;C:\Users\[username]\AppData\Roaming\npm

【问题讨论】：

标签： node.js webpack

【解决方案1】：

如果你想通过命令行运行 webpack，你要么需要使用 npm i -g webpack-cli 全局安装 webpack-cli，要么需要像 npx webpack -wd 一样使用 npx。这将以与 npm 脚本相同的方式运行 webpack。

您试图规避的问题是 webpack 默认情况下不会在 watch 模式下首次构建，因此您要么需要在启动 webpack 后更改文件，要么在不使用 watch 的情况下运行 webpack。

注意：npx 是 NPM/Node.js 包的一部分

【讨论】：

嗨，感谢有关 npx 的提示。现在，在命令提示符下运行 npx webpck -wd 正在按预期工作。但是，我正在尝试将此命令添加到 package.json 的脚本部分并使用 npm run dev 运行。但是，它失败了。