Comparte:
Base path en .env con Vite
Necesito poder usar valores del .env en el vite.config.js
Resulta que en mi ambiente local mi proyecto Laravel queda en el root, pero al desplegar a ambientes pre-productivos, tengo una ruta anidada. Por ejemplo: [ip de mi server]/proyecto1/
Si ejecuto npm run build en dicho servidor, los archivos se generan correctamente y las referencias a CSS y JS están bien, en [ip]/proyectos/proyecto1/build/assets ; sin embargo, las referencias desde CSS hacia a mis tipografías, quedan como [ip]/build/assets (es decir, no considera proyectos/proyecto1).
Si agrego al vite.config.js la siguiente línea, funciona bien. Sin embargo, quisiera que esto lo tome del archivo .env para no tener que estarlo editando en cada servidor, ya que puede variar parte de la ruta:
base: '/proyectos/proyecto1/build/'
Intenté realizarlo de esta forma, pero sólo funciona si pongo la cadena directo; pareciera que no lee el .env:
base: process.env.VITE_BASE_URL
(Por cierto, así no arroja ningún error, simplemente no considera lo que está en el env.)