# @codejen/pack-web 中文文档

规范地址：https://npmcn.com/package/%40codejen/pack-web/

版本：3\.1\.0
npm 元数据更新时间：2026-10-25T23:19:00.208Z
中文译文更新时间：2026-11-10T09:07:35.397Z
软件包许可：ISC

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

原始 npm 页面：https://www.npmjs.com/package/%40codejen/pack-web
原文对照：https://npmcn.com/package/%40codejen/pack-web/?lang=original
项目主页：https://learosema.github.io/jen/web.html
源码仓库：https://github.com/learosema/jen

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

- 包体积（解压后）：307 kB，154 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- Node.js 要求：\>=24
- 运行依赖：0 个
- peer 依赖：@codejen/jen ^4\.0\.0
- 首次发布：2026-10-08T20:55:37.025Z
- 最新版本发布：2026-10-25T23:18:59.889Z
- 近 30 天下载量：1918（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：13（近 12 个月 13 个）

## 中文简介

jen pack for web 开发:对比检查的色调调板, CUBE CSS层, 重置和基底样式, 按钮

## 安装

```sh
npm install @codejen/pack-web
```

也可以使用：`pnpm add @codejen/pack-web`、`yarn add @codejen/pack-web`、`bun add @codejen/pack-web`

## README

# @ codejen/ pack- web

A 类 [简](https://learosema.github.io/jen/) 用于网页开发的包:一个有光和暗模式的对比检查色调盘,一个具有流体类型和空间的 CUBE CSS启动器,布局组成,按钮,卡片,导航,徽章,统计,表格,列表,窗体字段,一个主题切换,对话框,弹出,滚动驱动的动画,视图过渡,以及一个可安装,可离线的站点的表和服务人员 — Plain HTML and CSS, WCAG AA默认默认.

**联合国 [https://learosema.github.io/jen/web.html 互联网档案馆的存檔,存档日期2013-12-22](https://learosema.github.io/jen/web.html)** – 每台发电机都有其参数,其所打印的图案,以及现场预览.

## 安装

```sh
npm install --save-dev @codejen/pack-web   # or: npm install -g @codejen/jen @codejen/pack-web
```

```sh
jen web:cube --primary=#5b5bd6 --dir=src/css
jen web:page --name=index --site="My Site"
```

## 贷项

中央安全局紧随其后 [库贝 CSS](https://cube.fyi/) 安迪·贝尔, [每个布局](https://every-layout.dev/) 海顿·皮克林和安迪·贝尔, [闪光灯](https://smolcss.dev/) 斯蒂芬妮·埃克尔斯, [乌托邦](https://utopia.fyi/) 詹姆斯·吉尔耶德和特瑞斯·穆德福德 [合理颜色](https://www.reasonable.work/colors/) 由Matthew Howell所著 [CSS 颜色模块 4级](https://www.w3.org/TR/css-color-4/) w3C CSS工作组; `web:page` 沿着 [HTML 锅炉板](https://matuzo.at/blog/html-boilerplate/) 并链接到从 [法维康怎么样](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs) 安德烈·西特尼克著; `web:manifest` 如下 [MDN的明显参考](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest),以及 `web:sw` 缓存策略 [离线烹饪本](https://web.dev/articles/offline-cookbook) 杰克·阿奇博尔德; `web:table` 从 [动力不足的反应表](https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html) 阿德里安·罗塞利, `web:field` 其标签、提示和出错模式 [GOV.UK 设计系统](https://design-system.service.gov.uk/components/text-input/),以及 `web:theme-toggle` 在第一个涂料后应用所存储的主题 [乔什·克洛(Josh W](https://www.joshwcomeau.com/react/dark-mode/)键盘模式遵循 [ARIA 作者做法指南](https://www.w3.org/WAI/ARIA/apg/) 根据W3C网络无障碍倡议 `web:roving` 探测器 `focusgroup` 在其财产之后 [杰里米・基斯](https://adactio.com/journal/22445)· ; `web:vite` 运行 [创建- 视频](https://github.com/vitejs/vite/tree/main/packages/create-vite) 由维特团队 `web:esbuild`项目布局跟随它.

## 许可证

ISC 莉娅·罗塞马

## 常见问题

### @codejen/pack-web 是什么？

jen pack for web 开发:对比检查的色调调板, CUBE CSS层, 重置和基底样式, 按钮

### 如何安装 @codejen/pack-web？

在项目目录运行 npm install @codejen/pack-web，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@codejen/jen（^4\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @codejen/pack-web 支持 TypeScript 吗？

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

### @codejen/pack-web 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @codejen/pack-web 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=24。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @codejen/pack-web 可以商用吗？

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

### @codejen/pack-web 的下载量有多少？

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

### @codejen/pack-web 还在维护吗？

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