Webpack Dev Server, mejor alternativa que servor

En un anterior post (Aquí) comentaba que podíamos usar servor para levantar nuestra aplicación web y que cuando hacíamos un cambio en cualquiera de nuestros archivos, Webpack detecta el cambio, compila, servor se da cuenta que la carpeta donde esta escuchando ha cambiado y se refresca el navegador; pero, esto es muy lento, debido a que es necesario que Webpack escriba cada vez en el disco la publicación y ya sabemos que las escrituras a disco son bastante lentas; así que vamos a ver la alternativa Web Pack Dev Server, esta alternativa es mucho mas rápida debido a que genera los archivos en memoria

Instalar Web Pack Dev Server

npm install webpack-dev-server

Configuración

En el archivo package.json modificar la propiedad scripts

"scripts": {
    "build": "webpack --mode production",
    "dev": "webpack-dev-server",
    "test": "echo \"Error: no test specified\" && exit 1"
  }

Podemos comprobar que se están generando los archivos en memoria si eliminamos la carpeta dist y vemos que la aplicación sigue funcionando

Referencias:
https://www.youtube.com/watch?v=ansUGkcrhwY&t=3004s