From a830d057902fb65cb6eb35c85681f08737720c41 Mon Sep 17 00:00:00 2001
From: MyPrototypeWhat <daoquqiexing@gmail.com>
Date: Tue, 11 Nov 2025 17:17:23 +0800
Subject: [PATCH] fix(tailwind): dynamically import Tailwind CSS in Vite config

- Updated the Electron Vite configuration to dynamically import Tailwind CSS for improved performance.
- Removed the direct import of Tailwind CSS from the plugins array to streamline the build process.
---
 electron.vite.config.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/electron.vite.config.ts b/electron.vite.config.ts
index c6dc1c0cd1..76c1b55401 100644
--- a/electron.vite.config.ts
+++ b/electron.vite.config.ts
@@ -1,4 +1,3 @@
-import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react-swc'
 import { CodeInspectorPlugin } from 'code-inspector-plugin'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
@@ -81,6 +80,7 @@ export default defineConfig({
   },
   renderer: {
     plugins: [
+      (async () => (await import('@tailwindcss/vite')).default())(),
       react({
         tsDecorators: true,
         plugins: [
@@ -96,8 +96,7 @@ export default defineConfig({
         ]
       }),
       ...(isDev ? [CodeInspectorPlugin({ bundler: 'vite' })] : []), // 只在开发环境下启用 CodeInspectorPlugin
-      ...visualizerPlugin('renderer'),
-      tailwindcss()
+      ...visualizerPlugin('renderer')
     ],
     resolve: {
       alias: {