Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
EMP 全栈技能:React 19 脚手架脚本、emp.config.ts 配置、Tailwind v4、微前端 empRuntime、@empjs/valtio 状态管理、React 性能优化。适用于创建 EMP 应用、配置模块联邦、状态管理、性能优化等场景。
How to use
Zainstaluj umiejętność w swoim projekcie, upewniając się, że masz dostęp do folderu skills/empjs.
Utwórz nowy projekt React 19, uruchamiając skrypt z katalogu głównego: node skills/empjs/scripts/create-emp-react19.js nazwa-projektu. Opcjonalnie podaj ścieżkę docelową jako drugi argument, np. node skills/empjs/scripts/create-emp-react19.js moja-aplikacja ./projects.
Przejdź do folderu projektu i zainstaluj zależności: cd nazwa-projektu && pnpm install && pnpm dev. Projekt uruchomi się na porcie 8000.
Skonfiguruj emp.config.ts w katalogu głównym projektu — zdefiniuj pluginy (np. pluginReact), port serwera i inne opcje za pomocą defineConfig. Minimalna konfiguracja wymaga tylko pluginu React i ustawień serwera.
Rozwijaj aplikację, używając dostępnych skryptów: pnpm dev do pracy nad kodem, pnpm build do budowania, pnpm start do podglądu. Dla zaawansowanych scenariuszy użyj pnpm build --analyze do analizy bundla lub pnpm dev --profile do profilowania wydajności.
Jeśli potrzebujesz mikrofrontendów, skonfiguruj moduły federacyjne w emp.config.ts i wykorzystaj empRuntime do komunikacji między modułami. Do zarządzania stanem globalnym użyj @empjs/valtio.