# @spscommerce/ds-styles 中文文档

规范地址：https://npmcn.com/package/%40spscommerce/ds-styles/

版本：8\.56\.21
npm 元数据更新时间：2026-11-02T13:14:33.716Z
中文译文更新时间：2026-11-02T13:22:47.973Z
软件包许可：UNLICENSED

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

原始 npm 页面：https://www.npmjs.com/package/%40spscommerce/ds-styles
原文对照：https://npmcn.com/package/%40spscommerce/ds-styles/?lang=original
项目主页：https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/styles#readme
源码仓库：https://github.com/spscommerce/woodland#main

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

- 包体积（解压后）：362 kB，4 个文件
- TypeScript 类型：未声明
- 运行依赖：2 个
- 首次发布：2020-07-10T19:13:29.322Z
- 最新版本发布：2026-11-02T13:14:33.522Z
- 已发布版本数：888（近 12 个月 137 个）

## 中文简介

SPS设计系统CSS样式。

## 安装

```sh
npm install @spscommerce/ds-styles
```

也可以使用：`pnpm add @spscommerce/ds-styles`、`yarn add @spscommerce/ds-styles`、`bun add @spscommerce/ds-styles`

## README

## @spscommerce / ds-styles

SPS SCSS/CSS样式。

### 安装

```
yarn add @spscommerce/ds-styles
```

或者

```
npm i --save @spscommerce/ds-styles
```

然后在根sass文件中导入以下内容：

```
@import "~@spscommerce/ds-styles/index.css";
```

### CDN的使用

另外，您也可以在index.html中包含CDN版本。地点是

```
https://cdn.dev.spsc.io/web/framework/styles/ds-styles/$VERSION/index.css
```

## 常见问题

### @spscommerce/ds-styles 是什么？

SPS设计系统CSS样式。

### 如何安装 @spscommerce/ds-styles？

在项目目录运行 npm install @spscommerce/ds-styles，或使用 pnpm add / yarn add / bun add。

### @spscommerce/ds-styles 支持 TypeScript 吗？

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

### @spscommerce/ds-styles 可以商用吗？

@spscommerce/ds-styles 使用 UNLICENSED 许可。作者声明为 UNLICENSED，即不授予公开使用许可（与公共领域的 Unlicense 不同）。使用前需获得作者授权。以上为概括，不构成法律意见，请以许可原文为准。

### @spscommerce/ds-styles 还在维护吗？

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