Add a better progress bar for webpack while developing

[Palid]

Current webpack progress is extremely talkative and spammy, we could replace it with something that's actually useful.
Please vote for a solution by reacting to this post with proper emoji.

Suggested solutions:
😄 https://github.com/FormidableLabs/webpack-dashboard
🎉 https://github.com/dominique-mueller/simple-progress-webpack-plugin
👀 https://github.com/clessg/progress-bar-webpack-plugin
❤️ https://github.com/ZSkycat/ghost-progress-webpack-plugin
🚀 https://github.com/nuxt/friendly-errors-webpack-plugin (fork of archived https://github.com/geowarin/friendly-errors-webpack-plugin)

[dbkr]

simple looks nice, but seem to have multiple options itself - which were you thinking?

either way, I have very few opinion other than that anything that says, "not compatible with CI" seems like more trouble than we need.

[SimonBrandner]

I can't make up my mind between simple and friendly errors 😅

[Palid]

simple looks nice, but seem to have multiple options itself - which were you thinking?

either way, I have very few opinion other than that anything that says, "not compatible with CI" seems like more trouble than we need.

We will have those only for webpack-dev-server anyways, so we can ignore all "incompatible with CI" options.

I'm not entirely sure if we can't have friendly errors (or something similar) with another progress plugin. If unsure, vote for multiples.

Oh, and dashboard doesn't need this ugly green, we could make it look a bit better. 😄

[Palid]

simple looks nice, but seem to have multiple options itself - which were you thinking?

The default one, "compact" - looks good, doesn't flood too much and gives all the necessary details.

[Palid]

Looks like we have our winners now:
https://github.com/dominique-mueller/simple-progress-webpack-plugin
https://github.com/nuxt/friendly-errors-webpack-plugin

Can combine both of them for better experience, so that's what we gonna do. Just need to double check that it won't break CI experience.

[germain-gg]

Removing good first issue as it's not always trivial dealing with webpack, especially as a first time contributor

[andybalaam]

Related: #20667