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) 选项，该选项显示每个处理步骤所用的时间。