找不到Webpack命令

Question

我已经安装了webpack

npm install -g webpack

和

npm install webpack 

我还安装了webpack-dev-server

npm install -g webpack-dev-server

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

webpack:找不到命令

我没有得到什么是错误.

Answer 1

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

./node_modules/.bin/webpack

看看这个帖子中的答案.

webpack命令无法正常工作

Answer 2

我需要手动安装：

npm install --save-dev webpack-cli

我想它是必需的，以便 Angular CLI 真正理解与 Webpack 相关的命令。

Answer 3

建议您在本地进行安装webpack，这是一个好习惯webpack-dev-server，有关更多信息，请参见。

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

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

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

最后

npm start
npm run build

注意：您需要webpack.config.js在根文件夹中包含一个使其正常运行。

Answer 4

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

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

我建议使用本地安装（出于与 babel 相同的原因）。