qmui-simple
v0.1.3
Published
### 该项目最后发布到npm的目录和文件:
Downloads
4
Readme
对ant-design进行定制的react ui组件
该项目最后发布到npm的目录和文件:
├── README.md
├── package.json
├── dist
│ └── qmui-simple.js
├── src
│ ├── component
│ │ ├── QmIcon
│ │ │ ├── index.js
│ │ │ └── style
│ │ │ └── index.less
│ │ └── style
│ │ └── theme.less
│ └── index.js
使用方法
npm install qui-simple
组件引用
import {QmIcont} from 'qui-simple'
如果你想单独引用某个组件也可以
import {QmIcon} from 'qmui-simple/src/compnent/QmIcon’
样式引用
import 'qmui-simple/src/style/theme.less’
源码项目结构及各个文件作用:
├── README.md 说明文档
├── .babelrc 配置babel的文件
├── .gitignore 配置git不需要提交的文件或者目录
├── dist 执行npm run dist,webpack会把src中入口文件index.js打包到该目录下
│ └── qmui-simple.js 向外面暴露一个统一的js,供别人使用
├── example 本地例子项目为了本地开发方便
│ ├── app.js 可以引用src下面自己开发的组件
│ └── index.js 例子项目的入口文件,主要作用是把react组件渲染到页面上
├── index.html
├── package.json
├── server.js 本地server,为了本地开发写的简易的server
├── src 源码目录
│ ├── component 组件目录
│ │ ├── QmIcon 组件名称
│ │ │ ├── index.js 组件入口文件
│ │ │ └── style 组件的样式目录
│ │ │ └── index.less 组件的样式入口文件
│ │ └── style 公用的样式目录
│ │ └── theme.less
│ └── index.js 源码js入口文件,目的是把所有的组件统一打包出去
├── webpack.dev.config.js 本地开发npm run start会执行该文件
└── webpack.production.config.js 发布的时候npm run dist 会执行该文件