npx skills add https://github.com/pproenca/dot-skills --skill viteVite 应用程序的全面性能优化指南。包含 8 个类别共 42 条规则,按影响优先级排序,以指导自动化重构和代码生成。
在以下情况下参考这些指南:
| 优先级 | 类别 | 影响程度 | 前缀 |
|---|---|---|---|
| 1 | 依赖预构建 | 关键 | deps- |
| 2 | 插件性能 | 关键 | plugin- |
| 3 | 打包优化 | 关键 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
bundle-| 4 | 导入解析 | 高 | import- |
| 5 | 构建配置 | 高 | build- |
| 6 | 开发服务器 | 中高 | dev- |
| 7 | CSS 优化 | 中 | css- |
| 8 | 高级模式 | 低中 | advanced- |
deps-include-large-cjs - 包含具有许多模块的大型依赖项deps-exclude-esm - 排除小型 ESM 依赖项deps-force-rebundle - 依赖项变更时使用 --force 标志deps-hold-until-crawl - 为启动行为配置 holdUntilCrawlEnddeps-entries - 为依赖发现配置自定义入口点deps-linked-packages - 处理 monorepo 中的链接依赖项plugin-lazy-imports - 在插件代码中使用动态导入plugin-avoid-long-hooks - 避免在启动钩子中进行长时间操作plugin-transform-early-return - 在 transform 钩子中提前返回plugin-audit-community - 审计社区插件的性能plugin-swc-over-babel - 对 React 使用 SWC 而非 Babelbundle-manual-chunks - 使用 manualChunks 进行供应商代码分割bundle-dynamic-imports - 使用动态导入进行路由级代码分割bundle-analyze - 分析打包产物构成bundle-tree-shaking - 启用有效的 Tree Shakingbundle-chunk-warning - 处理大块警告bundle-compression - 对于大型项目禁用压缩大小报告bundle-asset-inlining - 配置资源内联阈值import-avoid-barrel - 避免使用 Barrel 文件导入import-explicit-extensions - 使用显式文件扩展名import-path-aliases - 配置路径别名以实现简洁导入import-svg-strings - 将 SVG 作为字符串而非组件导入import-glob-patterns - 谨慎使用 glob 导入build-modern-target - 以现代浏览器为目标build-minification - 使用 esbuild 进行代码压缩build-sourcemaps - 在生产环境中禁用 Source Mapsbuild-css-code-split - 启用 CSS 代码分割build-rolldown - 考虑使用 Rolldown 以获得更快的构建速度build-output-dir - 配置输出目录和缓存dev-server-warmup - 预热常用文件dev-browser-cache - 在 DevTools 中保持浏览器缓存启用dev-fs-limits - 在 Linux 上增加文件描述符限制dev-wsl-polling - 对 WSL 文件监视使用轮询dev-https-proxy - 为开发环境配置 HTTPS 和代理css-lightning - 使用 Lightning CSS 替代 PostCSScss-avoid-preprocessors - 在可能的情况下优先使用 CSS 而非预处理器css-modules - 对组件样式使用 CSS Modulescss-inline-critical - 提取关键 CSS 以优化首次绘制advanced-ssr-externalize - 为 SSR 外部化依赖项advanced-env-static - 使用静态环境变量advanced-profiling - 分析构建性能advanced-lib-mode - 为包开发配置库模式阅读各个参考文件以获取详细说明和代码示例:
| 文件 | 描述 |
|---|---|
| AGENTS.md | 包含所有规则的完整编译指南 |
| references/_sections.md | 类别定义和排序 |
| assets/templates/_template.md | 新规则模板 |
| metadata.json | 版本和参考信息 |
每周安装数
86
代码仓库
GitHub 星标数
85
首次出现
2026年1月29日
安全审计
已安装于
codex75
opencode75
cursor75
gemini-cli74
github-copilot73
claude-code71
Comprehensive performance optimization guide for Vite applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Dependency Pre-bundling | CRITICAL | deps- |
| 2 | Plugin Performance | CRITICAL | plugin- |
| 3 | Bundle Optimization | CRITICAL | bundle- |
| 4 | Import Resolution | HIGH | import- |
| 5 | Build Configuration | HIGH | build- |
| 6 | Development Server | MEDIUM-HIGH | dev- |
| 7 | CSS Optimization | MEDIUM | css- |
| 8 | Advanced Patterns | LOW-MEDIUM | advanced- |
deps-include-large-cjs - Include large dependencies with many modulesdeps-exclude-esm - Exclude small ESM dependenciesdeps-force-rebundle - Use --force flag for dependency changesdeps-hold-until-crawl - Configure holdUntilCrawlEnd for startup behaviordeps-entries - Configure custom entry points for discoverydeps-linked-packages - Handle linked dependencies in monoreposplugin-lazy-imports - Use dynamic imports in plugin codeplugin-avoid-long-hooks - Avoid long operations in startup hooksplugin-transform-early-return - Early return in transform hooksplugin-audit-community - Audit community plugins for performanceplugin-swc-over-babel - Use SWC instead of Babel for Reactbundle-manual-chunks - Use manualChunks for vendor splittingbundle-dynamic-imports - Use dynamic imports for route-level splittingbundle-analyze - Analyze bundle compositionbundle-tree-shaking - Enable effective tree-shakingbundle-chunk-warning - Address large chunk warningsbundle-compression - Disable compressed size reporting for large projectsimport-avoid-barrel - Avoid barrel file importsimport-explicit-extensions - Use explicit file extensionsimport-path-aliases - Configure path aliases for clean importsimport-svg-strings - Import SVGs as strings instead of componentsimport-glob-patterns - Use glob imports carefullybuild-modern-target - Target modern browsersbuild-minification - Use esbuild for minificationbuild-sourcemaps - Disable source maps in productionbuild-css-code-split - Enable CSS code splittingbuild-rolldown - Consider Rolldown for faster buildsbuild-output-dir - Configure output directory and cachingdev-server-warmup - Warm up frequently used filesdev-browser-cache - Keep browser cache enabled in DevToolsdev-fs-limits - Increase file descriptor limits on Linuxdev-wsl-polling - Use polling for WSL file watchingdev-https-proxy - Configure HTTPS and proxy for developmentcss-lightning - Use Lightning CSS instead of PostCSScss-avoid-preprocessors - Prefer CSS over preprocessors when possiblecss-modules - Use CSS Modules for component stylescss-inline-critical - Extract critical CSS for initial paintadvanced-ssr-externalize - Externalize dependencies for SSRadvanced-env-static - Use static environment variablesadvanced-profiling - Profile build performanceadvanced-lib-mode - Configure library mode for package developmentRead individual reference files for detailed explanations and code examples:
| File | Description |
|---|---|
| AGENTS.md | Complete compiled guide with all rules |
| references/_sections.md | Category definitions and ordering |
| assets/templates/_template.md | Template for new rules |
| metadata.json | Version and reference information |
Weekly Installs
86
Repository
GitHub Stars
85
First Seen
Jan 29, 2026
Security Audits
Gen Agent Trust HubWarnSocketPassSnykPass
Installed on
codex75
opencode75
cursor75
gemini-cli74
github-copilot73
claude-code71
2025 Node.js 最佳实践指南:框架选择、架构原则与错误处理
5,100 周安装
Home Assistant 集成与附加组件管理工具 - 自动化配置与安全更新
206 周安装
MyBatis-Plus代码生成器使用指南 - 快速生成Entity、Service、Controller代码
204 周安装
飞书云文档创建工具 - 通过MCP调用feishu-create-doc从Markdown创建文档
211 周安装
技术债务评估工具 - 系统化识别、量化与管理代码质量债务,优化开发决策
204 周安装
中国A股实时股票价格查询工具 - Python脚本,支持多股查询与默认指数
208 周安装
Kernel TypeScript SDK:浏览器自动化与Playwright远程执行开发工具
207 周安装
bundle-asset-inlining - Configure asset inlining threshold