Ultraman Shop

A React component library for building e-commerce interfaces.

发布新版本

本项目提供了便捷的发布命令，用于发布新版本到 npm：

发布命令

• npm run release:patch "更新说明" - 发布补丁版本 (0.0.x)，用于修复 bug
• npm run release:minor "更新说明" - 发布次版本 (0.x.0)，用于添加新功能
• npm run release:major "更新说明" - 发布主版本 (x.0.0)，用于重大更新

版本号说明

• 补丁版本 (0.0.x)：用于修复 bug，不影响现有功能
• 次版本 (0.x.0)：用于添加新功能，向后兼容
• 主版本 (x.0.0)：用于重大更新，可能不向后兼容

使用示例

# 修复bug
npm run release:patch "修复了按钮点击事件不响应的问题"

# 添加新功能
npm run release:minor "添加了新的数据表格组件"

# 重大更新
npm run release:major "重构了整个组件库的样式系统"

发布命令会自动：

1. 更新 package.json 中的版本号
2. 更新 CHANGELOG.md 文件
3. 构建项目
4. 发布到 npm

目录结构

写组件

1. 新建 xxx.tsx 组件写组件
2. 新建 index.tsx 导出组件
3. 新建 xxx.stories.tsx 写文档
4. 更新 src/index.tsx 文件导出文件

写样式

1. 在组件里 写 xxx.scss 文件
2. 如果需要用到全局变量 需要在 头部引入 @use '../../styles/variables' as \*;
3. 然后需要将你新建的文件引入到 src/styles/index.scss @use '../components/Input/xxx.scss' as \*;

打包发布流程

1. 运行 npm run build
2. 切换控制台到 dist 目录
3. 更新 package.json 的 version 版本