Vite

你可以使用 jotai-babel 包中的插件来提升使用 Vite 和 Jotai 时的开发体验。

在你的 vite.config.ts 中：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import jotaiDebugLabel from 'jotai-babel/plugin-debug-label'
import jotaiReactRefresh from 'jotai-babel/plugin-react-refresh'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react({ babel: { plugins: [jotaiDebugLabel, jotaiReactRefresh] } }),
  ],
  // ... The rest of your configuration
})

以下是一个模板，你可以自行尝试。

示例

Vite 模板

在 StackBlitz 中打开