wlb-component v1.2.28
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 browser8 years ago
8 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago