Luego de terminar de desarrollar tu aplicación en VueJs con ayuda de Vue CLI, se puede exportar o publicar tu aplicación en un servidor, para ello debemos preparar los archivos, acá te enseño como y cuales son los primeros errores que topamos.
Todos hemos usado esta ventana de desarrollo para “levantar” nuestro servidor local
Ahora lo primero que debemos hacer es cambiar el ámbito de servicio, Darle detener tarea y luego ir a parámetros
Una vez acá, debemos cambiar el entorno para completar las pruebas, ubica el modo de entorno y cámbialo a Production Y luego ejecutamos la tarea
Acá nos topamos con el gran error que nos impide acabar.
En mi caso que es una aplicación sencilla, solo se modificó unas pequeñas cosas de la plantilla base, todo debería correr normal, pero no es así. Vemos la consola de salida y me indica lo siguiente:
Error: No module factory available for dependency type: CssDependency
Bla, bla, bla, no hay un módulo CSSDependency, y qué es esto? Básicamente, no tenemos quien extraiga los css y los comprima.
La solución al problema es ir al menu de Configuración
Ubica Extraer CSS y desactívalo en el botoncito verde, luego guardas cambios, vuelve a intentar nuevamente todo el procedimiento
Y ya podrás usar el entorno de producción y el Build ya para la publicación de tu aplicación.
Y finalmente ya obtenemos nuestros archivos en la carpeta dist.
Recuerda: Que todo los archivos se deben subir en una ruta maestra por ejemplo: infocatsoluciones.com o en un subdominio app.infocatsoluciones.com
Recuerda 2: Los archivos generados en dist, no pueden ser ejecutados como archivos directos, siempre deben correr sobre un servidor HTTP/HTTPS
