@ad2302/webpack-stats-progress

This plugin is intended to provide cleaner output of webpack build. It also displays a progress bar while the build is running.

Progress bar

The plugin also comes with a progress bar

Usage

In th webpack config file, add this plugin and make sure to turn off the stats

const WebpackStatsProgress = require("webpack-stats-progress");
const path = require("path");

module.exports = {
  // ... other webpack configuration
  mode: "production",
  stats: "none",
  plugins: [
    new WebpackStatsProgress({ buildFolder: path.join(__dirname, "dist") }),
  ],
};

Check the example in the example folder.

Credits:

• React Create App
• Node Progress