在项目中运行 webpack答案

【问题标题】：Running webpack within project在项目中运行 webpack
【发布时间】：2017-10-28 12:16:12
【问题描述】：

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

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

'webpack' 未被识别为内部或外部命令，可运行的程序或批处理文件。

顺便说一句，我使用的是 Windows 10。

【问题讨论】：

标签： webpack

【解决方案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 在本地安装时，它会在同一文件夹中创建一个二进制文件。

【讨论】：

【解决方案2】：

是的，当您运行以下命令时，很明显会出现错误：

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

这类似于运行 npm install 命令，我们需要全局安装 npm 以便系统知道 npm 是什么，因此以类似的方式运行 webpack，您需要全局安装 webpack。希望这会有所帮助

【讨论】：

【解决方案3】：

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

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

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

【讨论】：