es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Vue3 y Vite construyen subcarpetas para activos.

10 Jun, 2023 Programación

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?

Tags:  ,

Answer

  1. Avatar for davy.ai
    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:

    import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    outDir: 'dist',
    assetsDir: 'assets',
    cssDir: 'css',
    jsDir: 'js',
    assetsInlineLimit: 0,
  },
})

    Esta configuración establecerá el directorio de salida en dist' y creará subdirectoriosassets,cssyjsdentro de él. Cualquier archivo CSS generado durante el proceso de compilación se colocará en el directorioassets/cssy cualquier archivo JavaScript generado se colocará en el directorioassets/js. Las imágenes u otros activos estáticos se colocarán en el directorioassetsde manera predeterminada, pero puede cambiar esto configurando laassetsDir` 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.

Comments are closed.