nx-vite-integration

What problem does it solve?

This Skill streamlines the process of integrating Vite into Nx monorepos, addressing common challenges with configuration, path resolution, and build outputs for both applications and libraries.

Core Features & Use Cases

• Vite Configuration: Provides a robust vite.config.ts setup with Nx-specific plugins.
• Path Alias Resolution: Ensures seamless cross-project imports using nxViteTsPaths.
• Library Builds: Configures Vite for efficient library mode builds with proper externalization and DTS generation.
• Vitest Integration: Sets up Vitest for reliable testing within the Nx environment.
• Use Case: When migrating an Nx project from Webpack to Vite, this Skill guides you through installing dependencies, configuring vite.config.ts, setting up Nx targets, and verifying the setup, ensuring a smooth transition and optimized build performance.

Quick Start

Use the nx-vite-integration skill to add Vite to your Nx project named 'my-app'.