LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

vite-bundle-optimization - 优化 Vite 资源包与构建性能

提供适用于 React 应用的 Vite 资源包、代码分割、依赖处理、压缩和构建性能优化模式。

标签

更新于: 2026-10-01

能力

典型输入

典型输出

该技能可以做什么

  • 避免聚合文件导入
  • 配置手动代码分块
  • 使用动态导入拆分路由
  • 延迟加载大型组件
  • 延后加载第三方脚本
  • 按用户意图预加载资源
  • 配置依赖预构建
  • 启用资源压缩
  • 分析资源包大小

输入

  • Vite 项目源代码
  • Vite 构建配置
  • 依赖列表
  • 资源包分析数据

输出

  • 更新后的源代码导入
  • 更新后的 Vite 配置
  • 代码分割后的构建资源
  • 压缩后的构建资源
  • 资源包分析报告

要求

  • Vite 构建环境
  • React 项目
  • Node.js 包执行环境

来源

  • 规范: SKILL.md
Vite
React
资源包优化
代码分割
构建性能
Rollup
依赖预构建
避免聚合文件导入
配置手动代码分块
使用动态导入拆分路由
延迟加载大型组件
Vite 项目源代码
Vite 构建配置
依赖列表
更新后的源代码导入
更新后的 Vite 配置
代码分割后的构建资源