在项目中运行webpack

Question

我是否必须全局安装webpack才能发出webpack命令？

我使用npm install webpack --save-dev在我的项目文件夹中安装了webpack，并将其添加到dev依赖项中。我在我的项目文件夹中，当我运行webpack命令时，出现以下错误：

  

＆＃39;的WebPack＆＃39;不被视为内部或外部命令，   可操作程序或批处理文件。

BTW，我在Windows 10上。

Answer 1

将命令添加为npm脚本。在你的package.json。

{
    "name": "app",
    "version": "0.0.1",
    "scripts": {
      "compile": "webpack --config webpack.config.js"
    }
}

然后运行

npm run compile

npm脚本查找在./node_modules/.bin文件夹中创建的可执行文件。当webpack在本地安装时，它会在同一文件夹中创建一个二进制文件。

Answer 2

是的，当你运行一些错误时很明显：

webpack --config webpack.config.filename --progress

这类似于运行npm install命令，我们需要全局安装npm，以便系统知道npm是什么，以便以类似的方式运行webpack，就像你需要全局安装webpack一样。希望这有帮助

Answer 3

将此命令添加为像Nikhil Ranjan这样的npm脚本，他的回答是一个很好的解决方案。特别是如果您将多次使用此命令。

另一种方法是直接调用node_modules文件夹中的可执行文件。

./node_modules/.bin/webpack --config webpack.config.js"