wlb react component

目录结构

src 为组件源文件根目录
src/* 为组件目录，每个组件独立一个目录
src/*/component 组件资源存放(css,img)
src/*/index.js 组件导出文件
README.md 每个组件的使用方法及其api
lib 编译后文件存放处

基于样式

inspect example in your browser

android  1rem = 50px

ios     1rem = 100px

如何使用

npm install wlb-component --save

import { From } from 'wlb-component'

如何开发一个组件

如创建一个Button组件
1. mkdir Button在lib下 创建一个组件文件夹（首字母大写）
2. cd Button/ && touch index.js 创建一个导出文件
3. mkdir component 创建组件资源文件夹
4. touch Button.js  创建一个组件javascript文件(首字母大写)
5. css\img 在component文件下创建相应的文件夹存放，命名为css or img
6. README.md 写好组件的用法，及简单示例

如何发布组件

1.确保文件正常运行后，且自己测试通过
2.npm run build 将组件编译
3.npm publish 组件将会发布到npm，目前是发布到我个人账户上,帐号密码私聊我或者我来发布
4.cd project && npm install wlb-component --save  完成后在项目可以在项目中更新组件

运行示例

npm install

npm run example

open http://0.0.0.0:3333/ in your browser