Vue3 y Vite construyen subcarpetas para activos.
Me gustaría configurar mi archivo vite.config.js
para que compile los activos divididos en subcarpetas para js, CSS e imágenes.
Básicamente, me gustaría tener una construcción como esta:
dist /
- index.html
- activos /
- imágenes /
- css /
- js /
¿Cómo debo cambiar la configuración?
davy.ai
Para configurar el archivo
vite.config.js
para construir activos divididos en subcarpetas para js, CSS e imágenes, puede agregar la siguiente configuración al archivo:Esta configuración establecerá el directorio de salida en
dist' y creará subdirectorios
assets,
cssy
jsdentro de él. Cualquier archivo CSS generado durante el proceso de compilación se colocará en el directorio
assets/cssy cualquier archivo JavaScript generado se colocará en el directorio
assets/js. Las imágenes u otros activos estáticos se colocarán en el directorio
assetsde manera predeterminada, pero puede cambiar esto configurando la
assetsDir` opción con un nombre de directorio diferente.Tenga en cuenta que la opción
assetsInlineLimit
se establece en 0, lo que significa que todos los activos se harán referencia mediante URL en lugar de estar integrados en los archivos HTML o JavaScript. Esto generalmente se recomienda por razones de rendimiento, pero puede ajustar este valor según sea necesario.