title: 配置 Vite

配置 Vite {#configure-vite}

Slidev 基于 Vite 实现。这意味着你可以利用 Vite 强大的插件系统来进一步定制你的幻灯片。

如果项目中存在 vite.config.ts 文件，将被读取。

Slidev 已经内置了以下插件：

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

可以在 此处 了解 Slidev 的相关预设。

配置内部插件 {#configure-internal-plugins}

自 v0.21 起可用

如需对内置插件列表进行配置，先创建 vite.config.ts，其内容如下。请注意，Slidev 对这些插件有些预设配置，如下做法会覆盖其中一些配置，可能会导致应用崩溃。请将此功能视为高级功能，在继续操作前，请确保你知道自己在干什么。

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

欲了解更多，请参阅 类型声明。