webpack命令不起作用

Question

我是 Node Js 和 Webpack 的新手。我试图用模块加载器启动一个项目。

首先，我安装了 nodeJs 和 NPM 并创建了一个名为 tutorial 的新目录。我使用命令提示符 cd 进入该目录，然后运行以下命令 npm init 然后使用以下命令通过 npm 安装 webpack：

 npm install -S webpack

第一个命令将 webpack 本地安装到“node-modules”目录下的项目中，我可以通过执行以下操作来运行我的项目：

 nodejs node-modules/webpack/bin/webpack.js

这样做的问题是我必须将我的 webpack.config.js 文件放在我想放在我的项目根目录中的这个目录中。

这个问题的一个解决方案是在我的机器上全局安装 webpack，我使用以下命令：

 npm install -g webpack

这安装了 Webpack，现在我确实有一个 Webpack 命令。但是，这个命令似乎根本没有工作或做任何事情。当我尝试从项目的根目录运行它时，它根本不做任何事情（参见截图）

请告诉我我做错了什么！！

原文由 Mohan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

你有 npm bin 命令来获取 npm 将安装可执行文件的文件夹。

您可以使用 --- 的 package.json scripts 属性来使用此目录中的 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。

原文由 HiDeoo 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

原文由 Andrei Bacescu 发布，翻译遵循 CC BY-SA 4.0 许可协议