# sun-ui

**Repository Path**: tmaofu/sun-ui

## Basic Information

- **Project Name**: sun-ui
- **Description**: 参考 antd，semi-design实现自己的React组件库，提升组件开发能力。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-01
- **Last Updated**: 2025-08-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 启动组件库文档

```bash
pnpm start
```

## 打包组件库

```bash
pnpm build
```

## 打包组件库在 play 中进行测试

全局安装 `yalc`:

```bash
pnpm i -g yalc
```

打包组件库：

```bash
pnpm build:push
```

在`play/src/App.tsx`中进行测试：

```tsx
// 工作空间的：
// import { Button } from '@sun-ui/components';

// 可以按需导入 js，但是 css 会打包所有的组件样式
import { Button } from '@mao-fu/sun-ui';

// 可以按需导入 css 和 js
// import '@mao-fu/sun-ui/app.css';
// import Button from '@mao-fu/sun-ui/cps/button/index';

function App() {
  return (
    <div>
      <Button type="primary" theme="solid">
        按钮
      </Button>
    </div>
  );
}

export default App;
```

运行 play 项目：

```bash
pnpm play
```