IMWeb · MUI

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

使用

安装

npm install mui --save
npm install mui@beta --save # beta 版本，最新特性，但不稳定

引入

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

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

预览

npm run preview

开发

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

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

• wiki，请仔细阅读

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

• 构建

  • fis3
  • fis3-hook-commonjs
  • fis3-hook-node_modules
  • fis-parser-node-sass
  • fis3-postprocessor-extras_uri
  • fis3-deploy-replace
  • fis3-postpackager-loader
  • fis3-hook-relative
  • fis3-server-imweb

• 项目目录

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

• 组件目录

所有文件都是 .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 run dev

http://127.0.0.1:8080/components/tab/demo/index.html   | tab 的访问路径

构建会自动在 demo.html 文件中加入 mod.js 和样式等资源。

• 单元测试

npm run test

• 发布到 npm

npm run pub