Konfiguriere Vite #

Slidev läuft mit Vite unter der Haube. Somit kann das großartige Plugin-System von Vite genutzt werden, um Präsentationen noch besser anzupassen.

Die vite.config.ts Datei wird genutzt, falls eine vorhanden ist.

Slidev hat die folgenden Plugins vorkonfiguriert:

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

Erfahre mehr über Vorkonfigurationen hier.

Konfiguriere Interne Plugins #

Verfügbar seit v0.21

Um integrierte Plugins zu konfigurieren, muss eine vite.config.ts Datei mit folgendem Inhalt erstellt werden. Bitte beachte, dass Slidev einige Vorkonfigurationsoptionen für diese Plugins hat. Diese Verwendung überschreibt einige von den Vorkonfigurationsoptionen, was möglicherweise dazu führen kann, dass die App beschädigt wird. Das ist eine erweiterte Funktion, die mit Vorsicht beachtet werden sollte und nur genutzt werden sollte, wenn man weiß, was man tut.

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 */
  },
})

Weitere Optionen sind in den Typdeklarationen zu finden.