KusStar/vite-bundle-visualizer：用于可视化你的Vite项目捆绑包的CLI

KusStar

458

9 10

MIT License

项目介绍

KusStar/vite-bundle-visualizer 是一个托管在 GitHub 上的开源项目，主要使用 JavaScript 编写，采用 MIT License 许可证，目前获得 458 个 Star、9 次 Fork。

仓库全名: KusStar/vite-bundle-visualizer
开源许可证: MIT License
Star 数: 458
Fork 数: 9
未关闭 Issue: 10

README 摘要

vite-bundle-visualizer Visualize vite bundle, like webpack-bundle-analyzer. A wrapper of rollup-plugin-visualizer. In most scenarios you shouldn't need this library, the recommended solution is to add rollup-plugin-visualizer directly to your vite configuration. However, if you are using vite, and want to run the visualizer directly from your command line via a CLI command instead without needing to build your site,…

完整内容见 GitHub 原始 README 或本页。

常见问题

vite-bundle-visualizer 用什么语言开发？

主要使用 JavaScript 编写，采用 MIT License 许可证，目前有 458 个 Star。

vite-bundle-visualizer 可以免费商用吗？

如何获取 vite-bundle-visualizer 的源码？

可以直接克隆仓库：git clone https://github.com/KusStar/vite-bundle-visualizer.git，默认分支为 main；安装与运行步骤见仓库 README。

vite-bundle-visualizer 最近还在维护吗？

仓库最近一次更新为 2024年10月27日，当前有 10 个未关闭 Issue；Star 数为 458，可作为社区活跃度的参考。

关于

GitHub 原始描述（英文）

CLI for visualizing your vite project bundle.

描述取自 GitHub 官方 API，保持仓库作者书写的原文。

简要分析

热度分

477

价值分

277

活跃状态

活跃

bundle-analyzer bundle-visualizer cli vite

GitHub

语言占比

CSS

HTML

JavaScript

Release

Release 1.2.12024年5月12日
Release 1.2.02024年5月12日
Release 1.1.02024年3月14日
Release 1.0.02023年12月15日
Release 0.11.02023年11月7日

贡献者

README

vite-bundle-visualizer

Visualize vite bundle, like webpack-bundle-analyzer.

A wrapper of rollup-plugin-visualizer.

In most scenarios you shouldn’t need this library, the recommended solution is to add rollup-plugin-visualizer directly to your vite configuration. However, if you are using vite, and want to run the visualizer directly from your command line via a CLI command instead without needing to build your site, now you have a solution with the vite-bundle-visualizer.(@wparad)

Usage

# In your vite project's root
$ npx vite-bundle-visualizer
# Then open stats.html in browser

# Use specified vite config file
$ npx vite-bundle-visualizer -c your.config.js

$ vite-bundle-visualizer --help

vite-bundle-visualizer

Usage:
  $ vite-bundle-visualizer <command> [options]

Options:
  -h, --help                Display this message
  --template -t <template>  Template to use, options are "raw-data" (JSON), "treemap", "list", "sunburst" and "network" (default: treemap)
  --output -o <filepath>    Output file path, should be "**/*.html" or "**/*.json" (default: /var/folders/lb/9tn84c8x42nctvbs1fb3vxd40000gn/T/tmp-20782-nmqZuvXaZNxh/stats.html)
  --open <open>             Should open browser after generated, except when template is "json" (default: true)
  --config -c <file>        Use specified vite config file
  --entry --input -i        Use specified entry file, default is "index.html"
  --sourcemap               use sourcemap to calculate sizes of modules. By idea it will present more accurate results, defaults is false
  --mode -m <mode>          set env mode, defaults to production

Screenshots

Visualizer Templates

Treemap

$ vite-bundle-visualizer

treemap

Sunburst

$ vite-bundle-visualizer -t sunburst

sunburst

Network

$ vite-bundle-visualizer -t network

network

Raw data

Output raw data (JSON) of stats

# @deprecated vite-bundle-visualizer -t json
$ vite-bundle-visualizer -t raw-data

demo/react/stats.json

List

Output yml file with all the data

$ vite-bundle-visualizer -t list

demo/react/stats.yml

Dependencies

rollup-plugin-visualizer

License

MIT

vite-bundle-visualizer

项目介绍

README 摘要

常见问题

相关仓库

关于

简要分析

语言占比

Release

贡献者

README

vite-bundle-visualizer

Usage

Screenshots

Visualizer Templates

Treemap

Sunburst

Network

Raw data

List

Dependencies

License

评论