@lark-apaas/coding-vite-preset

Vite 8 preset for OpenClaw projects. Provides a batteries-included Vite configuration with React, TypeScript, and production optimizations.

Install

pnpm add @lark-apaas/coding-vite-preset

Usage

// vite.config.ts
import { defineConfig } from '@lark-apaas/coding-vite-preset';

export default defineConfig({
  // your overrides
});

Or use the lower-level API for more control:

import { createRecommendViteConfig } from '@lark-apaas/coding-vite-preset';
import { mergeConfig } from 'vite';

const base = createRecommendViteConfig({
  isDev: process.env.NODE_ENV !== 'production',
  clientBasePath: '/app/myapp',
});

export default mergeConfig(base, {
  // your overrides
});

Environment Variables

| Variable | Default | Description | |----------|---------|-------------| | NODE_ENV | development | production enables minification, sourcemap hiding, polyfills | | CLIENT_BASE_PATH | / | Client base path (e.g. /app/app123), also injected as process.env.CLIENT_BASE_PATH in client code | | ASSETS_CDN_PATH | / | Production CDN path for static assets | | SERVER_PORT | 3000 | Backend server port for API proxy | | CLIENT_DEV_PORT | 8080 | Dev server port | | CLIENT_DEV_HOST | localhost | Dev server host | | NEED_ROUTES | true | Enable route parsing from app.tsx | | DISABLE_INSPECTOR | false | Set to true to disable dev inspector |

What's Included

• React via @vitejs/plugin-react v6 (Oxc-based)
• Tailwind CSS 4 via @tailwindcss/vite
• TypeScript path aliases via Vite 8 native resolve.tsconfigPaths
• Polyfills via lightweight polyfill plugin (on-demand loading, zero cost for modern browsers)
• CSS compatibility via build.cssTarget (iOS 12, Safari 12, Chrome 80)
• Code splitting with manualChunks (toolkit/radix/dataloom)
• HMR timing tracking in dev mode
• API proxy to backend server
• Static assets plugin for @shared/static/* imports

Docs

• Migration from fullstack-vite-preset

License

MIT