未找到 Webpack 命令

Posted 2023-02-16

【中文标题】未找到 Webpack 命令

【英文标题】：Webpack command not found

【发布时间】：2017-12-04 08:03:57

【问题描述】：

我已经使用

安装了 webpack

npm install -g webpack

和

npm install webpack 

我还安装了 webpack-dev-server

npm install -g webpack-dev-server

安装完成后，我运行了命令webpack，但是显示如下错误

webpack：找不到命令

我没有得到什么是错误。

【问题讨论】：

Bishnu，如果它对你有用，你应该接受一个答案

【参考方案1】：

在 ubuntu 中你可以尝试 sudo apt install webpack

【参考方案2】：

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

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

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

最佳做法是为每个项目（项目所在的文件夹）安装模块，而不是全局安装。

【参考方案3】：

我需要手动安装：

npm install --save-dev webpack-cli

我猜它需要这样 Angular CLI 才能真正理解与 Webpack 相关的命令。

【参考方案4】：

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

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

我建议使用本地安装 (for same reason about babel)。

【参考方案5】：

建议在本地安装webpack 和webpack-dev-server，了解更多信息here。

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

然后，您可以将这些行添加到 package.json 文件中的 scripts 部分。

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

最后

npm start
npm run build

注意：您需要在根文件夹中有webpack.config.js 才能使其正常运行。

【讨论】：

小修正：--save 但不是--save-dev。您还需要带有 --production 标志的 webpack。

【参考方案6】：

您的 webpack 存在于 ./node_modules/.bin/ 文件夹中。所以你应该执行这个命令：

./node_modules/.bin/webpack

在这个帖子中查看答案。

webpack command not working

【讨论】：

npx webpack 也这样做。