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

【问题标题】：Is it possible to have the progress displayed when using webpack-dev-middleware like the --progress option from webpack-dev-server?使用 webpack-dev-middleware 时是否可以显示进度，例如 webpack-dev-server 中的 --progress 选项？
【发布时间】：2017-07-12 07:05:31
【问题描述】：

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

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

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

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

【问题讨论】：

标签： webpack progress webpack-dev-server webpack-dev-middleware

【解决方案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（布尔值）选项，该选项显示每个处理步骤所用的时间。

【讨论】：

我没有想到插件的可能性。它完美地工作。非常感谢:)