Display a compiling indicator in browser

Feature request

What problem does this feature solve?

Rebuilding can be slow, it’s frustrating when you edit something but the page doesn’t update right away, we can provide a better experience by adding an indicator to show the build progress.

In Next.js:

In Nuxt.js:

What does the proposed API look like?

This should be on by default, but you should be able to turn it off by build: { browserIndicator: false } or CLI flag --no-browser-indicator

How should this be implemented in your opinion?

Hook into webpack compiler and send progress info to browser via webpack-hot-middleware.

---

IssueHunt Summary

Backers (Total: $40.00)

• issuehunt ($40.00)

Become a backer now!

Or submit a pull request to get the deposits!

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

---

IssueHunt has been backed by the following sponsors. Become a sponsor

[nblthree]

I decided to use a “command seal” I will use this one

[egoist]

@MarchWorks It’s a simple component so document.createElement is probably enough for this.