⚡

包大小分析器Skill bundle-size-analyzer

包大小分析器是一款用于分析和优化桌面应用程序（如Electron应用）构建包大小的工具。它通过识别大型依赖、检测重复代码、分析包组成并提供树摇优化建议，帮助开发者减少应用体积，从而提升下载速度和运行性能，适用于前端开发、性能优化和DevOps流程。关键词：包大小分析，Webpack优化，应用性能，代码分割，树摇，构建优化，前端性能，桌面应用优化。

前端开发 0 次安装 2 次浏览 更新于 2/23/2026
名称 包大小分析器
描述 分析和优化桌面应用程序的包大小 allowed-tools: Read, Write, Edit, Bash, Glob, Grep tags: [性能, 包大小, 优化, webpack, 桌面应用]

包大小分析器

分析和优化应用程序包大小，以改善下载时间和内存使用。

功能

  • 分析包组成
  • 识别大型依赖项
  • 检测重复包
  • 建议树摇优化机会
  • 生成大小报告
  • 跟踪大小随时间变化

输入模式

{
  "type": "object",
  "properties": {
    "projectPath": { "type": "string" },
    "bundler": { "enum": ["webpack", "vite", "rollup", "esbuild"] },
    "generateReport": { "type": "boolean", "default": true }
  },
  "required": ["projectPath"]
}

Webpack 包分析器

// webpack.config.js
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
  plugins: [
    new BundleAnalyzerPlugin({
      analyzerMode: 'static',
      reportFilename: 'bundle-report.html'
    })
  ]
};

优化技术

  1. 树摇
  2. 代码分割
  3. 动态导入
  4. 替换重型依赖项
  5. 压缩资源

大小目标

应用类型 目标 可接受 过大
简单工具 < 30MB < 60MB > 100MB
标准应用 < 80MB < 150MB > 250MB
复杂应用 < 150MB < 250MB > 400MB

相关技能

  • 启动时间分析器
  • electron-builder配置