用途:作为高级 Vite 专家技能,提供基于 ESM 优先开发、HMR 优化、构建性能调优、插件生态与现代前端工具链的实践经验,用于诊断和解决 Vite 相关问题。
主要能力:覆盖高级配置模式(ESM 优先配置、多环境 client/ssr 构建)、开发服务器优化(HMR 调优、server.warmup、fs 与 proxy 配置、import.meta.hot 自定义 HMR)、生产构建优化(manualChunks 智能分包、chunk 命名、minify 与 sourcemap 配置、chunkSizeWarningLimit、cssMinify)、库模式(lib 入口、formats、external、preserveModules)、插件生态(React/ESLint/legacy/visualizer 配置与自定义插件钩子)以及资产模块与 TypeScript 集成。
使用方式:先做项目检测,优先用内部 Read、Grep、Glob 工具,命令行作为回退,例如 vite --version || npx vite --version、node -v、find . -name "vite.config.*" -type f | head -5、grep -E "vite|@vitejs" package.json。检测后需尊重既有配置模式、入口与输出约定、框架约束(SvelteKit、Nuxt、Astro)。验证时使用一次性构建,避免启动 dev server 进程,如 vite build --mode development --minify false --write false 或 npm run build || vite build;可选 vite-bundle-analyzer dist --no-open。
适用场景:预打包依赖性能问题、HMR 失效或缓慢、构建产物体积优化、模块解析失败、SSR 构建配置、插件兼容与加载、环境变量访问等问题的诊断与修复,并给出对应排查命令与解决方向。
限制:涉及通用构建工具比较或多工具编排、与打包无关的运行时性能、JS/TS 语言问题、框架专属打包优化、测试配置、容器部署与 CI/CD 时会推荐切换其他专家并停止。具体价格、收费与平台信息暂未提供。