Configurar Vite #

Slidev está potenciado por Vite. Esto significa que puedes aprovechar el gran sistema de plugins de Vite para personalizar aún más tus diapositivas.

vite.config.ts será respetado si tienes uno.

Slidev tiene los siguientes plugins preconfigurados:

• @vitejs/plugin-vue
• unplugin-vue-components
• unplugin-icons
• vite-plugin-vue-markdown
• vite-plugin-remote-assets
• vite-plugin-windicss
• unocss/vite

Más información sobre las preconfiguraciones aquí.

Configurar plug-ins internos #

Disponible desde v0.21

Para configurar los plug-ins internos listados más arriba, crea vite.config.ts con el siguiente contenido. Por favor, ten en cuenta que Slidev tiene algunas opciones de preconfiguración para esos plugins, haciendo esto podría desconfigurar alguno de ellos, lo que podría causar que la aplicación se rompa. Por favor, trata esto como una característica avanzada, asegúrate de saber lo que estás haciendo antes de seguir adelante.

import { defineConfig } from 'vite'

export default defineConfig({
  slidev: {
    vue: {
      /* opciones de vue */
    },
    markdown: {
      /* opciones de markdown-it */
      markdownItSetup(md) {
        /* plugins de markdown-it personalizados */
        md.use(/* ... */)
      },
    },
    /* opciones para otros plugins */
  },
})

Echa un vistazo a las declaraciones de tipos para más opciones.