Qué función cumple la carpeta Dist que se genera cuando se corre el servidor?

Gracias Vander y Gabriel por sus respuestas.

Cuando desarrollamos una app en la web, en sintesis tenemos dos etapas: la de desarrollo o dev y la de produccion. En dev tenemos todos nuestro archivos:

• js
• css
• html
• ts(ahora)
• sass etc

Eso para nosotros esta bien porque nos permite tener mejor organizado todo el proyecto, por lo que paramos leyendo el codigo, vamos cambiandolo, agregando nuevos features, etc. Pero para un navegador se le hace mas dificil(por decirlo de alguna manera) tenerlo asi, y por eso existen los bundlers que se encargar de juntarlo todo sin que se rompa el proyecto.

Los bundlers agarran nuestro preciado codigo y lo juntan en una super masa de codigo casi inentendible para nosotros, pero es una version mas ligera o mas accesible para los navegadores, todo esos archivos de esa masa de codigo se guardan en la carpeta "Dist" de Distribution (guiño guiño)

Hola! Esta carpeta se genera porque se compila el código. En la carpeta Dist es almacenado el JavaScript compilado, para que pueda ser usado en cualquier navegador. Te recomiendo el Curso de Webpack para aprender más al respecto :D