# @bundle-stats/html-templates 中文文档

规范地址：https://npmcn.com/package/%40bundle-stats/html-templates/

版本：4\.23\.1
npm 元数据更新时间：2026-11-02T21:52:29.826Z
中文译文更新时间：2026-11-08T19:45:44.573Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40bundle-stats/html-templates
原文对照：https://npmcn.com/package/%40bundle-stats/html-templates/?lang=original
项目主页：https://github.com/relative-ci/bundle-stats/blob/master/packages/html-templates#readme
源码仓库：https://github.com/relative-ci/bundle-stats

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：435 kB，9 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2019-05-24T00:14:51.674Z
- 最新版本发布：2026-11-02T21:52:29.470Z
- 近 30 天下载量：1331679（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：574（近 12 个月 26 个）

## 中文简介

HTML 模板用于报告生成.

## 安装

```sh
npm install @bundle-stats/html-templates
```

也可以使用：`pnpm add @bundle-stats/html-templates`、`yarn add @bundle-stats/html-templates`、`bun add @bundle-stats/html-templates`

## README

# @bundle-stats/html-templates (英语)

[![](https://img.shields.io/npm/v/html-templates.svg)](https://www.npmjs.com/package/html-templates) [![Relative CI](https://badges.relative-ci.com/badges/V1bXuieJbYttHCS75L8G)](https://app.relative-ci.com/projects/V1bXuieJbYttHCS75L8G)

HTML 报告 [数据组合](https://github.com/relative-ci/bundle-stats)

## 相关项目

### : 环球: [相对-ci.com](https://relative-ci.com/?utm_medium=bundle-stats-report-html)

#### 自动捆绑分析、审查和监测 -- -- 在将捆绑的回归物运入生产之前迅速查明和纠正.

-   : crystal ball:每个建筑的深度捆绑数据分析
-   :chart with upwards trend: 监视捆绑数据变化并识别优化机会
-   : bell: 快速反馈到 [基于规则的自动审查流程](https://relative-ci.com/documentation/setup/configure/integrations/github-commit-status-review?utm_medium=bundle-stats-report-html), (中文(简体) ), [GitHub 调用请求注释](https://relative-ci.com/documentation/setup/configure/integrations/github-pull-request-comment?utm_medium=bundle-stats-report-html), (中文(简体) ), [GitHub 检查报告](https://relative-ci.com/documentation/setup/configure/integrations/github-check-report?utm_medium=bundle-stats-report-html),或 [错误消息](https://relative-ci.com/documentation/setup/configure/integrations/slack-notification?utm_medium=bundle-stats-report-html)
-   : 扳手: 支持 **网络软件包**, (中文(简体) ), **维特**, (中文(简体) ), **橡胶包**, (中文(简体) ), **滚动**, (中文(简体) ), **滚动**
-   :hammer:支持所有主要的CI服务(CircleCI、GitHub Actions、Gitlab CI、Jenkins、Travis CI)
-   : nut 并 bolt: 支持 **无**, (中文(简体) ), **线条** 财务报告和审定财务报表 **小时**; 支持单重机
-   : 两根心: [**总是自由** 页:1 **开源**](https://relative-ci.com/open-source?utm_medium=bundle-stats-report-html)

[: 火箭: 开始](https://relative-ci.com/?utm_medium=bundle-stats-report-html)

### : 第一季 正月语: [相对比/比较](https://compare.relative-ci.com/)

独立的网络应用比较Webpack/Lighthouse/Browsertime统计.

[比较捆绑数据](https://compare.relative-ci.com/)

### 赞: [数据- 动作](https://github.com/vio/bundle-stats-action)

生成的 Github 动作 [数据组合](https://github.com/relative-ci/bundle-stats) 报告.

## 软件包

### [`bundle-stats`](https://github.com/relative-ci/bundle-stats/tree/master/packages/cli)

[![npm](https://img.shields.io/npm/v/bundle-stats)](https://www.npmjs.com/package/bundle-stats) [![npm](https://img.shields.io/npm/dm/bundle-stats)](https://www.npmjs.com/package/bundle-stats)

CLI 生成捆绑的数据报告 .

### [`bundle-stats-webpack-plugin`](https://github.com/relative-ci/bundle-stats/tree/master/packages/webpack-plugin)

[![npm](https://img.shields.io/npm/v/bundle-stats-webpack-plugin)](https://www.npmjs.com/package/bundle-stats-webpack-plugin) [![npm](https://img.shields.io/npm/dm/bundle-stats-webpack-plugin)](https://www.npmjs.com/package/bundle-stats-webpack-plugin)

Webpack 插件,用于生成 Webpack/rspack 的捆绑统计报告.

### [`gatsby-plugin-bundle-stats`](https://github.com/relative-ci/bundle-stats/tree/master/packages/gatsby-plugin)

[![npm](https://img.shields.io/npm/v/gatsby-plugin-bundle-stats)](https://www.npmjs.com/package/gatsby-plugin-bundle-stats) [![npm](https://img.shields.io/npm/dm/gatsby-plugin-bundle-stats)](https://www.npmjs.com/package/gatsby-plugin-bundle-stats)

[盖茨比](https://www.gatsbyjs.org/) 用于 [数据组合](https://github.com/relative-ci/bundle-stats/tree/master/packages/webpack-plugin)。 。 。 .

### [`next-plugin-bundle-stats`](https://github.com/relative-ci/bundle-stats/tree/master/packages/next-plugin)

[![npm](https://img.shields.io/npm/v/next-plugin-bundle-stats)](https://www.npmjs.com/package/next-plugin-bundle-stats) [![npm](https://img.shields.io/npm/dm/next-plugin-bundle-stats)](https://www.npmjs.com/package/next-plugin-bundle-stats)

[下一个.js](https://nextjs.org/) 用于 [数据组合](https://github.com/relative-ci/bundle-stats/tree/master/packages/webpack-plugin)。 。 。 .

### [`rollup-plugin-bundle-stats`](https://github.com/relative-ci/bundle-stats/tree/master/packages/rollup-plugin)

[![npm](https://img.shields.io/npm/v/rollup-plugin-bundle-stats)](https://www.npmjs.com/package/rollup-plugin-bundle-stats) [![npm](https://img.shields.io/npm/dm/rollup-plugin-bundle-stats)](https://www.npmjs.com/package/rollup-plugin-bundle-stats)

滚动插件以生成捆绑的 stats 报告用于 vite/ 滚动/ 滚动 .

## 常见问题

### @bundle-stats/html-templates 是什么？

HTML 模板用于报告生成\.

### 如何安装 @bundle-stats/html-templates？

在项目目录运行 npm install @bundle-stats/html-templates，或使用 pnpm add / yarn add / bun add。

### @bundle-stats/html-templates 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @bundle-stats/html-templates 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @bundle-stats/html-templates 可以商用吗？

@bundle-stats/html-templates 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @bundle-stats/html-templates 的下载量有多少？

根据 npm 官方下载统计，@bundle-stats/html-templates 在 2026/10/09 – 2026/11/07 这 30 天内被下载 1,331,679 次，日均约 44,389 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @bundle-stats/html-templates 还在维护吗？

最新版本 4\.23\.1 发布于 2026/11/03（5 天前）；至今共发布 574 个版本，其中过去 12 个月发布了 26 个；首次发布于 2019/05/24。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。

