rx-design-react

一个基于 React 17 和 Ant Design 封装的自定义组件库

特性

• 支持 React 17.0.2
• 基于 Ant Design 4.x 组件封装
• 支持自定义样式、主题
• 内置 Vite 本地组件预览系统
• 支持发布到 NPM、按需使用
• 支持书写组件说明文档（含 props 表）

安装

npm install
# 或
yarn install

目录结构说明

rx-design-react/
├── src/                  # 源码目录
│   └── components/       # 组件集合
│       └── Button/
│           ├── index.tsx
│           └── style.less
├── demo/                 # 本地组件预览（Vite 支持）
│   ├── index.tsx
│   └── pages/            # 每个组件对应一个 demo 页面
│       └── ButtonDemo.tsx
├── dist/                 # 打包产物（npm 发布）
├── vite.config.ts
└── README.md

本地开发预览

# 安装依赖
yarn install

# 启动 Vite 预览
yarn vite

# 打开浏览器访问
http://localhost:4000

打包构建

npm run prepublishOnly
# 或
npm run build

发布到 NPM

# 如果没有登录 NPM 账号，请先登录
npm login
# 发布前需要package.json 中的 version 版本号增加
# 或
npm version patch   # 自动变成 1.0.1
npm version minor   # 自动变成 1.1.0
npm version major   # 自动变成 2.0.0
# 再
# 发布到 NPM
npm publish --access public