imui

IMWeb · UI

• React & Redux
• 专注管理后台
• 务必保证本地 node 在 8.x 版本，拥抱 es6
• 提交代码必须拉分支
• 发布周期，每周二、每周五

使用

安装

npm install imui --save

引入

import { DatePicker } from 'imui';
ReactDOM.render(<DatePicker />, mountNode);

// 或者按需引用，打包的时候只会打包 tab
import Tab from 'imui/dist/tab/index';

开发

• 分支，主干是随时会发布到 npm 的，贡献组件务必拉分支

• .editorconfig，请让自己的编辑器支持这个

• wiki，请仔细阅读

• 规范，eslint 和 sasslint 必须验证通过。

项目目录

external 一些和 **组件** 无关的资源
mock 开发过程中可能需要模拟一些数据 [文档](http://fis.baidu.com/fis3/docs/node-mock.html)
imui 静态站点的目录，生成站点的时候出现
dist 编译后的文件目录，发布到 npm 时出现
build 构建相关的脚本

组件目录

所有文件都是 .jsx 。

tab/
  demo/    必须
    index.html   必须，可以在上面 dev ，顺边做为 demo ，这个会自动生成到 demo 首页
  style/   必须，组件样式
  lib/     非必须，可以用 src 什么的替代
  index.jsx   必须，入口文件

样式

类名必须以 im- 开头。

.im-tab {
  // 头部
  &-hd {
    @extend %clearfix;
    font-size: 16px;
    background: #fff;
  }
}

调试

npm start

http://127.0.0.1:3000/ # 首页
http://127.0.0.1:3000/components/tab.html # 单个组件

单元测试

npm run test

文档化

npm run docz:dev     // 站点本地调试
npm run docz:build   // 站点构建

发布

发布到 npm

npm run dist

发布到 imweb.github.io

npm run pubsite