JotaiJotai

状態
原始和灵活的 React 状态管理

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 模板

GitHubnpm