luozyiii / rc-component

react组件库

@leslies/rc-component

基于 React 18 的移动端组件库

开发

# 安装依赖
npm install

# 启动
npm start

# 构建打包
npm run build

# 构建打包 in watch mode
npm run build:watch

# 检查您的项目是否存在潜在问题
npm run doctor

组件开发

# 组件名 小写
npm run add [组件名]

# 最后在 src/index.ts 增加组件的引用
export { default as Space } from './components/space';

Docs 文档

https://luozyiii.github.io/rc-component

# 手动部署文档

# package.json 升级一下版本号
# 构建 docs
npm run docs:build

# 部署
npm run deploy

publish 发布

# 部署 verdaccio 私域 npm
npm publish --registry http://81.71.98.176:4873

# 撤销
npm unpublish --registry http://81.71.98.176:4873 --force
# 强制撤销指定版本
npm unpublish @leslies/rc-component@0.0.1 --registry http://81.71.98.176:4873 --force

组件单元测试(Jest + @testing-library/react)

基础

1、安装依赖

npm install --save-dev jest ts-jest @types/jest @testing-library/react @testing-library/jest-dom

2、在项目根目录下创建一个 tsconfig.json 文件，并添加以下配置：

{
  "compilerOptions": {
    "jsx": "react"
  }
}

3、在 Jest 的配置文件中（通常是 jest.config.js 或 package.json 中的 jest 字段）添加以下配置：

{
  "preset": "ts-jest",
  "testEnvironment": "jsdom",
  "setupFilesAfterEnv": ["@testing-library/jest-dom/extend-expect"]
}

scss 支持

1、在 Jest 的配置文件中（通常是 jest.config.js 或 package.json 中的 jest 字段）添加以下配置：

{
  "moduleNameMapper": {
    "\\.(css|scss)$": "<rootDir>/__mocks__/styleMock.js"
  }
}

2、在项目根目录下创建一个 mocks 目录，并创建一个 styleMock.js 文件，添加以下代码：

module.exports = {};

Link 参考

• dumi
• mobile.ant.design
• ant.design

LICENSE

MIT