Webpack -p vs --mode=production

Question

正如我从 webpack 繁琐的文档中得到的一样 here webpack -p将设置

--define process.env.NODE_ENV="'生产'"用于定义插件

--optimize-minimize 标志将包含 TerserPlugin

正如我从相同的文档中得到的一样 here webpack --mode=production将设置

--define process.env.NODE_ENV="'生产'"用于定义插件

TerserPlugin

FlagDependencyUsagePlugin

FlagIncludedChunksPlugin

模块连接插件

NoEmitOnErrorsPlugin

OccurrenceOrderPlugin

SideEffectsFlagPlugin

(粗体项目是两个不同标志之间的共享行为。)

我要不要考虑 --mode=production作为 -p 的“完整”版本?网上一些使用指南 -p , 其他用途 --mode=production有些人甚至同时使用它们。
也很高兴知道 --mode=production与 --mode production 有什么区别因为对我来说这两个版本都很好用

另外，还有一个帖子 here ，也就是说 -p “并行运行命令。”这是节点的标志，与 -p 同名吗？对于 webpack？

我正在使用 webpack ^4.41.2

Answer 1

Shall I consider --mode=production as a "full" version of -p? Some guides on the internet use -p, other use --mode=production and some even use both of them.

根据 CLI > Shortcuts 下的文档 -p类似于 --mode=production :



(取自此处的文档图片: https://webpack.js.org/api/cli/#shortcuts)

因此，无论是使用一种还是另一种(或两者都使用 - 但不建议这样做，因为可能会对其他人造成混淆)，您不应看到 webpack 的输出有任何差异。

您可以通过首先使用 -p 运行 webpack 来确认这一点。 ，注意输出文件的哈希值，然后对 --mode=production 做同样的事情，并比较哈希值。

这是我使用单个条目文件运行的快速测试 index.js这就是 console.log("HELLO") :



如您所见，两种情况的哈希值都是 de140f9e5092685464e8 .

诚然，这里的入口文件可能没有足够大的表面积来具体证明 -p和 --mode production产生相同的结果，但它应该足以证明概述的方法。

Also it would be great to know if --mode=production has any difference versus --mode production because for me both version work absolutely fine

指定标志及其值的两种方式没有区别:

$ webpack --mode production
$ webpack --mode=production # equivalent to the above

webpack 使用的任何标志解析库(甚至可能是定制的)都会为您处理任何一种情况，因此您可以采用您喜欢的任何方法。这是 CLI 非常常见的行为。

Also, there is a thread here, that says that -p "Run commands in parallel." Is that a flag to node, that has the same name as -p for webpack?

相信 -p此处引用的标志适用于 npm-run-all 库，因为它在答案中的示例中用作 npm 脚本，如下所示:

"test": "npm-run-all -p -r webdriver-start http-server protractor"