What does the workflow look like when developing (website) in Node.JS with ES6 modules?

Question

JavaScript

Hey!
I ran into this problem: I'm slowly starting to figure out how ES6 modules work, and it turned out that it's so slow that it's simply impossible to write code.
Here's what my process looks like now:

1. noticed that I have an error in my code
   
2. stop local server
   
3. correcting a mistake
   
4. I start building the project, for example, through Webpack
   
5. start the server
   

... and so on in a circle: from point 5 to point 1. I just started and I already feel bad from such a process. The speed of writing code has decreased by 10 times.
Tell me, maybe I don’t know something and don’t understand some of the most basic principles of development?
I really hope I'm wrong or I don't know something. Because what I described above does not look like modern website development in the 21st century, where everyone is completely switching to ES6 modules.
Thanks in advance!
Update:
This is how long it takes to modify a JS file and save the changes. In general, everything that is described in paragraphs 1-5 above (about 25 seconds):

Answer 1

Webpack devserver does items 2,4,5 automatically.

Answer 2

Well kamon. hot reload. If you don’t want to figure it out yourself, watch a couple of videos on YouTube on the initial setup of webpack.

Answer 3

nodemon, and here is webpack if you run the server on node.js