使用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（布爾值）選項，該選項顯示每個處理步驟所花費的時間。