SuperAPI AI 工具集

vite

前端与建站

查看项目

更新于 10-16 03:46

技能介绍

用途:该技能是面向 Vite 应用的性能优化指南,适合在新建项目配置 Vite、排查开发服务器启动慢、优化生产打包体积、调试 HMR、编写或评估 Vite 插件、以及从 Webpack 或其他打包器迁移时参照。

主要能力:包含 42 条规则,按影响程度分为 8 类。关键优先级依次为依赖预打包(deps-)、插件性能(plugin-)、打包优化(bundle-);高优先级包括导入解析(import-)与构建配置(build-);中等优先级包括开发服务器(dev-)与 CSS 优化(css-);较低优先级为高级模式(advanced-)。规则覆盖如包含大型 CJS 依赖、排除小型 ESM 依赖、使用 --force 重新打包、配置 holdUntilCrawlEnd、插件懒加载与避免长钩子、manualChunks 拆分 vendor、动态导入做路由级拆分、打包分析、避免 barrel 文件导入、显式扩展名、路径别名、SVG 作为字符串导入、现代浏览器目标、esbuild 压缩、生产禁用 source map、CSS 代码分割、考虑 Rolldown、服务器预热、文件描述符上限、WSL 轮询、Lightning CSS、CSS Modules、SSR 外部化、静态环境变量、构建性能剖析、库模式配置等。

使用方式:按需读取各个参考文件以获取详细说明与代码示例;可用 AGENTS.md 查看全部规则的编译指南,references/_sections.md 了解类别结构与影响级别,assets/templates/_template.md 作为新增规则模板,metadata.json 提供版本与引用信息。

适用场景:Vite 项目的配置编写、审查、重构与迁移,以及开发服务器与构建性能问题排查。

限制:资料未提供具体代码示例内容、价格、平台支持范围、效果数据或逐条规则的完整细节,暂未提供这些信息;规则本身以优先级分类,实际收益需结合具体项目验证。