wuli-components

基于 ant-design 封装的组件库

用法

依赖

• 全局安装 webpack 命令行
• 全局安装 webpack-dev-server 命令行

开发环境

npm start
npm run dev

需要开启两个 cmd 窗口，支持组件热更新

生产环境

npm run dist
npm start

测试

npm test

使用 Mocha + Chai 测试框架

配置文件

在根目录下，新建 config.json 配置文件。参考配置如下：

{
  "port": 3000
}

目录结构

• common

  • error_helper: 自定义错误类型
  • message_helper: 自定义返回值，可在请求中进行类似调用：

  return messageHelper.success(this);
  

  • tools: 自定义工具

• middlewares

  • easy_logger.js: 润色koa-logs-ful模块，让打印可以传入对象，在请求中进行类似调用：

  this.koaLogger.log(content);
  

• public

  • assets 静态文件

• routes: 路由、controller

• services: 将对 model 的操作放于此

• test: 测试用例，使用 Mocha + Chai

• views: 页面文件，使用 jade

其他

• 参数校验: koa-validate

• 日志记录:

  • 全局

  global.koaLogger.log('Hello logger');
  

  • 请求中

  this.koaLogger.log('Hello logger in request');
  

• body:

  • params: this.request.body.fields
  • files: this.request.body.files