# goku-css 中文文档

规范地址：https://npmcn.com/package/goku-css/

版本：9\.0\.9
npm 元数据更新时间：2026-11-03T16:37:03.533Z
中文译文更新时间：2026-11-03T19:26:14.428Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/goku-css
原文对照：https://npmcn.com/package/goku-css/?lang=original
项目主页：https://github.com/maxirozay/goku#readme
源码仓库：https://github.com/maxirozay/goku

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

- 包体积（解压后）：60.6 kB，27 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2018-05-04T08:47:34.156Z
- 最新版本发布：2026-11-03T16:37:03.294Z
- 已发布版本数：173（近 12 个月 16 个）

## 中文简介

CSS框架

## 安装

```sh
npm install goku-css
```

也可以使用：`pnpm add goku-css`、`yarn add goku-css`、`bun add goku-css`

## README

# 悟空CSS框架

一个小的、轻类的CSS框架。样式纯HTML元素，添加少量 组件和实用程序，并且不会妨碍您。~5 KB的压缩文件。

## 开始

### CDN

没有构建步骤——这在单个请求中提供了预绑定的、缩小的样式表：

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/goku-css">
```

### 包管理器

安装与 `pnpm add goku-css` (或 `npm` / `yarn`)，然后从中选择一个：

```js
// Everything, as source files — your bundler inlines the imports
import 'goku-css'

// Pre-bundled and minified, if you'd rather skip that step
import 'goku-css/bundle'

// Or cherry-pick only what you need
import 'goku-css/css/variables.css'
import 'goku-css/css/elements/button.css'
```

裸露的 `goku-css` 条目解析到源 `css/goku.css` 所以你的捆绑商可以 摇树，缩小，并应用自己的PostCSS/闪电CSS配置。cdn解析 与预构建的包名称相同 `docs/index.css` 相反，由于浏览器跟随 一连串的 `@import`否则S将为请求瀑布买单。

## 主题

一切都是自定义属性 `:root`． 覆盖你关心的人：

```css
:root {
  --g-primary: #6d28d9;
  --g-primary-contrast: #fff;
  --g-border-radius: 4px;
}
```

颜色使用 `light-dark()`，因此一个声明涵盖了两个方案。看到 [`css/variables.css`](https://npmcn.com/package/goku-css/css/variables.css) 查看完整列表。

## 发展

-   `pnpm dev` -文档站点与热加载
-   `pnpm build` ——重建 `docs/`
-   `pnpm lint` ——stylelint

## 常见问题

### goku-css 是什么？

CSS框架

### 如何安装 goku-css？

在项目目录运行 npm install goku-css，或使用 pnpm add / yarn add / bun add。

### goku-css 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/goku-css 是否存在。

### goku-css 支持 ESM 还是 CommonJS？

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

### goku-css 可以商用吗？

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

### goku-css 还在维护吗？

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