Integrando Vite y Vue en Django

Configurando la capa de presentación de Django para integrar Vue.

Desde que empecé mi odisea por aprender Django, me di a la tarea de tratar de hacer las mismas implementaciones que normalmente realizo cuando hago un proyecto en Laravel. Es por eso, que escogí implementar Vite en Django, ya que Vite es el compiler de recursos Js nativo de Laravel, y así como Vue que es el front-end framework que mas uso.

Esta ocasión, empecé a investigar y a buscar la integración de herramientas del lado del front-end para Django. Como comente en publicaciones anteriores sobre la capa de presentación de Django, no cuenta con un comando el cual configure o genere un punto de entrada para este tipo de tecnologías del front end. Y en el contexto del motor de plantillas que se integre facilmente con Vue.

Entonces, me encontré con un paquete que se llama “django-vite”, que puede resolver este problema, no al 100% pero nos evitaría muchas complicaciones a la hora de integrar principalmente Vite, que es el que va generar nuestros recursos para el front-end.

Configuración del paquete “django-vite”

Instalamos el paquete:

pip install django-vite

Agregamos el paquete en “INSTALLED_APP” en “settings.py”: