Webpack命令未找到。

Question

我使用以下命令安装了webpack：

npm install -g webpack

然后进行了配置。

npm install webpack 

我也安装了webpack-dev-server

npm install -g webpack-dev-server

安装完成后，我运行了webpack命令，但是出现以下错误：

webpack: command not found

我不知道出了什么问题。

- Bishnu Bhattarai

---

Bishnu，如果答案解决了你的问题，你应该接受这个答案。 - harschware

Answer 1

你的 webpack 存在于 ./node_modules/.bin/ 文件夹中。所以你需要执行以下命令：

./node_modules/.bin/webpack

请查看此线程中的答案。

webpack命令无法工作

- Natesh bhat

---

npx webpack 也可以实现这个功能。 - Andrew Koster

Answer 2

推荐的良好实践是在本地安装webpack和webpack-dev-server，更多信息在这里。

yarn add webpack webpack-dev-server --dev
# or
npm install webpack webpack-dev-server --save-dev

然后你可以将这些代码添加到你的 package.json 文件中的scripts部分。

Translated text:

然后你可以将这些代码添加到你的 package.json 文件中的scripts部分。

"scripts": {
  "build": "webpack --progress --colors",
  "start": "webpack-dev-server --progress --colors"
}

最后

npm start
npm run build

注意：您需要在根目录下拥有一个 webpack.config.js 文件，以确保其正确运行。

- Arnold Gandarillas

---

小修正：使用 --save 而不是 --save-dev。你还需要在 --production 标志下安装 webpack。 - Michael A.

@MichaelA。这就是为什么我的生产服务器上webpack构建无法工作的原因。我在devDependencies中有webpack和webpack-cli，但两者都需要移动到dependencies中才能使构建工作正常。 - workwise

Answer 3

我需要手动安装:

npm install --save-dev webpack-cli

我想这是因为Angular CLI需要理解与Webpack相关的命令。

- Henry

Answer 4

在Ubuntu中，您可以尝试使用sudo apt安装webpack。

- Maksim Gerasimenko

Answer 5

运行webpack命令需要在正确的文件夹中。

我所说的正确的文件夹是指您安装模块和模块的package.json文件所在的文件夹。

因为您使用-g参数进行了安装，它是全局安装的，您应该在./node_modules/.bin/webpack中找到它。

最佳实践是按项目（即项目所在的文件夹）安装模块，而不是全局安装。

- Predrag Davidovic

Answer 6

webpack -v: 找不到 webpack 命令

node -v: v16.14.2

npm -v: 8.5.0

尝试全局或本地安装 webpack，以及许多其他方法来解决此问题，但都失败了。以下解决方案解决了我的问题（我的情况有点特殊，我将前缀重置如下）

npm config set prefix "C:\Program Files\nodejs\npm_modules"

解决方案：将包含 webpack.cmd 的文件夹路径 xxx/npm_modules/ 添加到系统变量 Path 中。

如何找到包含 webpack.cmd 的文件夹路径 xxx/npm_modules/？

npm config ls

webpack.cmd 在 npm_modules 文件夹中，您需要将此路径添加到系统变量 Path 中。

- Hailin Tan

Answer 7

如果你想要使用全局安装，你可以在 [node_installed_path]/lib/node_modules/webpack/bin/ 找到webpack的脚本，你可以使用绝对路径，并添加到PATH环境变量中，或者使用符号链接等方式。

如果你想要使用本地安装，你可以在 ./node_modules/.bin/ 找到它。

我建议使用本地安装 (因为babel同样的原因)。

- gilchris

Answer 8

对于Linux用户来说，sudo apt install webpack 对我很有用。

- pdutra145

Answer 9

我在一段时间后重新回到一个老项目中遇到了这个问题（之前它是正常运行的）。以下方法解决了这个问题：

npx webpack

版本信息是：node v18.16.1 (npm v9.5.1)，我使用的是MacOS。

- cconsta1