找不到Webpack命令

Question

我已经使用

安装了webpack

npm install -g webpack

和

npm install webpack 

我还安装了webpack-dev-server

npm install -g webpack-dev-server

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

  

webpack：找不到命令

我没有得到错误。

Answer 1

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

./node_modules/.bin/webpack

查看此主题中的答案。

  

webpack command not working

Answer 2

As a good practice is recommended to install webpack and webpack-dev-server locally, more info here.

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

Then you can add these lines to your scripts section in your package.json file.

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

and finally

npm start
npm run build

Note: You need to have a webpack.config.js in the root folder to make it run correctly.

Answer 3

我需要手动安装：

npm install --save-dev webpack-cli

我猜想它是使Angular CLI真正理解与Webpack有关的命令的必要条件。

Answer 4

您需要位于适当的文件夹中才能运行webpack命令。

我的意思是适当的文件夹是放置已安装模块和模块的package.json文件的文件夹。

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

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

Answer 5

在ubuntu中，您可以尝试sudo apt install webpack

Answer 6

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

如果您想使用本地安装，请在 ./ node_modules / .bin /

中找到它

我建议使用本地安装（this technet article）