使用 webpack-dev-middleware 时是否可以显示进度，例如 webpack-dev-server 的 --progress 选项？

Question

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

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

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

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

Answer 1

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

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

webpack-dev-server 在后台使用 webpack-dev-middleware 并且进度选项在 webpack-dev-server.js.

中处理

正如您从该源代码中看到的那样，您还可以设置 profile（布尔值）选项，它显示每个处理步骤花费的时间。