webpack - 使用 webpack-dev-middleware 时是否可以像 webpack-dev-server 中的 --progress 选项一样显示进度？

Question

我有一个使用 webpack-dev-middleware 的快速服务器。

如果您从 cli 运行 webpack-dev-server，则有一个“进度”选项会导致进度显示在控制台上。这是一个很好的功能，我在使用中间件时也喜欢。

这是可以实现的还是仅适用于独立的开发服务器？

我搜索了文档，但找不到与此相关的任何内容。

Answer 1

可以使用 webpack.ProgressPlugin在将其传递给 webpack-dev-middleware 之前.

const compiler = webpack(yourWebpackConfig);
compiler.apply(new webpack.ProgressPlugin());

webpack-dev-server用途 webpack-dev-middleware在引擎盖下，进度选项在 webpack-dev-server.js 中处理.

从该源代码中可以看出，您还可以设置 profile (boolean) 选项，显示每个处理步骤花费的时间。