webpack命令不起作用

实际上，前一段时间我遇到了此错误。据我所知，有两种方法可以使它起作用。

1. 由于某些Webpack错误，服务器不会更新index.js中所做的更改。因此，重新启动服务器。
2. 更新您的node.js将有助于避免此类问题。

npm i webpack -g

在系统上全局安装webpack，使其在终端窗口中可用。

您可以运行npx webpack。Node 8.2 / npm 5.2.0或更高版本附带的npx命令运行webpack软件包的webpack二进制文件（./node_modules/.bin/webpack）。信息来源：https : //webpack.js.org/guides/getting-started/

我必须重新安装webpack才能使其与本地版本的webpack一起使用，例如：

$ npm uninstall webpack
$ npm i -D webpack

最快的方法就是从另一个位置使用Web Pack，这将使您不必全局安装它，否则将npm run webpack失败。

使用npm安装webpack时，它将进入node_modules\.bin项目的“ ”文件夹。

在命令提示符下（以管理员身份）

1. 转到webpack.config.js所在项目的位置。
2. 在命令提示符下输入以下内容

"C:\Users\..\ProjectName\node_modules\.bin\webpack" --config webpack.config.vendor.js

使用-g选项安装webpack会将webpack安装在以下文件夹中

C：\ Users \ <。profileusername。> \ AppData \ Roaming \ npm \ node_modules

与webpack-cli和webpack-dev-server相同

在全局node_modules之外，创建了一个用于从命令行运行webpack的链接

C：\ Users \ <。profileusername。> \ AppData \ Roaming \ npm

为了在本地进行这项工作，我做了以下工作

1. 将全局node_modules中的webpack文件夹重命名为_old
2. 在项目内本地安装webpack
3. 编辑了命令链接webpack.cmd并指向webpack.js以查看我的应用程序中的本地node_modules文件夹

这种方法的问题是您必须维护每个项目的链接。没有其他方法，因为使用-g选项安装时使用命令行编辑器运行webpack命令。

因此，如果您的proj1，proj2和proj3都安装了它们的本地node_modules和本地webpack（安装时不使用-g），那么您将不得不创建非通用链接名称，而不仅仅是Webpack。

这里的示例将是创建webpack_proj1.cmd，webpack_proj2.cmd和webpack_proj3.cmd， 并在每个cmd中遵循上面的点2和3

PS：别忘了用这些更改来更新您的package.json，否则您将收到错误消息，因为它将找不到webpack命令

webpack不仅在您的node-modules/webpack/bin/目录中，而且还链接到中node_modules/.bin。

您具有npm bin命令来获取npm将在其中安装可执行文件的文件夹。

您可以使用您的scripts属性package.json来使用将从此目录导出的webpack。

"scripts": {
  "scriptName": "webpack --config etc..."
}

例如：

"scripts": {
  "build": "webpack --config webpack.config.js"
}

然后可以使用以下命令运行它：

npm run build

甚至带有参数：

npm run build -- <args>

这使您可以将您webpack.config.js置于项目的根文件夹中，而无需全局安装Webpack或在node_modules文件夹中进行Webpack配置。