@sxo/vite-plugin streamlines the integration of the SXO design system into your Vite-powered projects. It handles on-demand importing, style optimization, and development-time enhancements.

✨ Features

• ⚡ Auto-import: Automatically injects component imports and their corresponding atomic styles.
• 🎨 Theme HMR: Supports hot module replacement for themes, allowing real-time visual updates.
• 📦 Bundle Optimization: Tree-shakes unused component logic and styles for minimal production builds.
• 🛠️ Seamless Integration: Works out of the box with React, Vue, Solid, and Svelte adaptors.

🚀 Quick Start

Installation

pnpm add -D @sxo/vite-plugin

Usage (vite.config.ts)

import { defineConfig } from 'vite';
import sxo from '@sxo/vite-plugin';

export default defineConfig({
  plugins: [
    sxo({
      // Configuration options
      autoImport: true,
      theme: 'antd'
    })
  ]
});

📖 Documentation

For full configuration options, visit the Vite Plugin Documentation.

📄 License

MIT License.