Configure Vite #

Slidev est alimenté par Vite sous le capot. Cela signifie que vous pouvez tirer parti de l'excellent système de plugins de Vite pour personnaliser encore plus vos diapositives.

La configuration vite.config.ts sera respectée si vous en avez une.

Slidev a les plugins suivants préconfigurés :

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

Découvrez le mode sur les pré-configurations ici.

Configurer les plugins internes #

Disponible depuis v0.21

Pour configurer la liste des plugins intégrés ci-dessus, créez vite.config.ts avec le contenu suivant. Veuillez noter que Slidev a quelques options de préconfiguration pour ces plugins, cette utilisation remplacera certaines d'entre elles, ce qui pourrait potentiellement provoquer la panne de l'application. Veuillez considérer cela comme une fonctionnalité avancée, assurez-vous de savoir ce que vous faites avant de continuer.

import { defineConfig } from 'vite'

export default defineConfig({
  slidev: {
    vue: {
      /* vue options */
    },
    markdown: {
      /* markdown-it options */
      markdownItSetup(md) {
        /* custom markdown-it plugins */
        md.use(/* ... */)
      },
    },
    /* options for other plugins */
  },
})

Voir les déclarations de types pour plus d'options.