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

Question

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

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

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

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

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（布尔值）选项，该选项显示每个处理步骤所花费的时间。