rcm-mobile

轻松构建属于自己内部团队的组件库，配套文档和案例生成器。

使用文档

查看文档说明

命令说明

|npm run <script>|说明| |------------------|---| |dev|开发服务，匹配 example/index.tsx 进行开发&测试组件| |start|文档服务| |build:es|打包模块组件| |build:lib|打包整个组件| |build:demo|构建example的案例内容至demo文件夹| |build:mobile|构建手机演示案例内容至site文件夹| |build:doc|构建最终的文档至site文件夹| |deploy|最终生产构建，打包es与build| |bundle|依赖分析工具|

开发指南

创建组件

创建新页面:

# 首字母大写命名的组件名
# 如 `digo create Button` & `digo create ListItem`
digo create <ComponentName>

会在 components/ 下新增一个组件模版

开发的一般流程

1. 生成一个组件模版：digo create <ComponentName>
2. 通过example/index.jsx引用测试开发该组件的 Example.jsx
3. npm run dev 开启开发服务，进行开发测试。
4. npm start 开启文档服务，编写扩展 components/<ComponentName>/Readme.md 文档说明。
5. 所有测试通过后，验收发布。

文档开发指南

md引用资源

所有Readme.md文件内的代码段如需引用外部资源，可通过/xx来访问styleguide文件夹下的文件

编写文档

• 如何编写文档

注意事项

样式篇

• 编写样式时，切忌修改全局性的 dom 样式，避免他人引用组件而影响他自身的样式。
• 尽量都通过class赋值的形式修改样式。
• 所有组件的class都以x-<class>命名
• 所有基础样式的值，请通过 scss 变量赋值，添加可配置性。（文件所在 components/style/common/variables.scss）