@wenmu/create-react-component

create-react-component

一个创建 react 组件的脚手架命令行工具 CLI，创建的组件已做浏览器兼容。

安装

npm install -g @wenmu/create-react-component

查看是否安装成功

c-rc-c -v

初始化项目

c-rc-c init <componentName>

//比如
c-rc-c init GroupButton

命令为什么是c-rc-c

这是create-react-component的缩写。本来想写成ccc，感觉这个名字太随便了，哈哈。

开发组件

目录结构

.
├── README.md           # 组件说明文件
├── package-lock.json
├── package.json
├── src                 # 代码目录
│   ├── assets          # 图片等静态资源
│   ├── demo            # 测试组件目录
│   ├── index.js        # 组件代码文件
│   └── index.less
├── webpack.base.js     # webpack共用配置
├── webpack.dev.js      # webpack开发环境配置
└── webpack.pro.js      # webpack生产环境配置

测试组件

组件开发过程中，可以在 demo 中调用测试结果。

npm run start

发布组件到 npm 仓库中

组件测试没问题后，就可以发布到 npm 仓库中，供他人和自己以后使用。

npm run pub

至于发布到 npm 仓库的相关配置，可以看这边文章：《开发并发布和更新一个 npm 包》