Skip to content

Latest commit

 

History

History
39 lines (27 loc) · 940 Bytes

README.md

File metadata and controls

39 lines (27 loc) · 940 Bytes

Zephyr with Vite Example

This example demonstrates how to use Zephyr with Vite to enable federated modules with enhanced capabilities.

Features

  • Module Federation with Zephyr integration
  • React component exposed for federation
  • Vite configuration with native Module Federation support via vite-plugin-zephyr

Getting Started

# Install dependencies
npm install

# Start the development server
npm run dev

How It Works

The example uses the withZephyr function from vite-plugin-zephyr to enable Module Federation in Vite:

import { withZephyr } from 'vite-plugin-zephyr';

const mfConfig = {
  name: 'my-app',
  // Module Federation configuration
};

export default defineConfig({
  plugins: [react(), withZephyr({ mfConfig })],
  // ...vite config
});

This integration provides improved module federation capabilities with the fast build times of Vite and the power of Zephyr platform services.