When the webpack is compiling, if there is another log, will cause to two progress bar

[余腾靖]

In my project, the webpack server will log a message when server is successfully startup：

const devServer = express();
devMiddlewares(devServer);

const { HOST, PORT } = serverConfig;
devServer.listen(PORT, HOST, async error => {
    console.log(`${chalk.green.bold('INFO')} DevServer running at ${chalk.magenta.bold.underline(address)} ${chalk.green('✓')}`);
})

devMiddlewares function is:

export default (app: Express): void => {
    const compiler = webpack(devConfig);
    const devMiddlewareOptions: webpackDevMiddleware.Options = {
        //...
    };
    app.use(webpackDevMiddleware(compiler, devMiddlewareOptions));
    app.use(webpackHotMiddleware(compiler, { path: '/__webpack_HMR__' }));
};

I guess this bug is because when the webpack compile progress is 10%, the server callback above is call.

[tage]

any updates @tjx666

[余腾靖]

try https://github.com/unjs/webpackbar @tageecc

[Nikolaj Kappler]

can we re-open this please?