diff --git a/packages/client/setup/codemirror.ts b/packages/client/setup/codemirror.ts
index 6c50590281..5a9932e388 100644
--- a/packages/client/setup/codemirror.ts
+++ b/packages/client/setup/codemirror.ts
@@ -1,6 +1,6 @@
 import type { Ref, WritableComputedRef } from 'vue'
 import { watch } from 'vue'
-import * as CodeMirror from 'codemirror'
+import CodeMirror from 'codemirror'
 import 'codemirror/mode/javascript/javascript'
 import 'codemirror/mode/css/css'
 import 'codemirror/mode/markdown/markdown'
diff --git a/packages/slidev/node/plugins/extendConfig.ts b/packages/slidev/node/plugins/extendConfig.ts
index f0da940621..b3ef0857ea 100644
--- a/packages/slidev/node/plugins/extendConfig.ts
+++ b/packages/slidev/node/plugins/extendConfig.ts
@@ -8,6 +8,16 @@ import type { ResolvedSlidevOptions } from '../options'
 import { resolveGlobalImportPath, resolveImportPath, toAtFS } from '../utils'
 import { searchForWorkspaceRoot } from '../vite/searchRoot'
 
+const INCLUDE = [
+  'codemirror',
+  'codemirror/mode/javascript/javascript',
+  'codemirror/mode/css/css',
+  'codemirror/mode/markdown/markdown',
+  'codemirror/mode/xml/xml',
+  'codemirror/mode/htmlmixed/htmlmixed',
+  'codemirror/addon/display/placeholder',
+]
+
 const EXCLUDE = [
   '@slidev/shared',
   '@slidev/types',
@@ -36,6 +46,7 @@ export function createConfigPlugin(options: ResolvedSlidevOptions): Plugin {
           dedupe: ['vue'],
         },
         optimizeDeps: {
+          include: INCLUDE,
           exclude: EXCLUDE,
         },
         css: options.data.config.css === 'unocss'