occ-portal-react

渠道云终端前端工程

V 2.0

• 配置文件调整到 config/config.js中，包括代理配置
• 导航配置在 config/router.config.js
• 所有业务目录迁移到 pages 中（原位置：routes）
• 根目录import默认路径为：@/ 如： js import component from '@/components/**'; import utils from '@/utils/utils.js';
• 安装命令尽量采用 yarn： bash yarn install 重新安装全部依赖 yarn add [-dev] 新增依赖[开发依赖] yarn start 启动服务 yarn run build 构建打包 yarn run xxx 运行 package.json 中脚本 xxx

特性

• :gem: 优雅美观：基于 Ant Design 体系精心设计
• :triangular_ruler: 常见设计模式：提炼自中后台应用的典型页面和场景
• :iphone: 响应式：针对不同屏幕大小设计
• :art: 主题：可配置的主题满足多样化的品牌诉求
• :globe_with_meridians: 国际化：内建业界通用的国际化方案
• :gear: 最佳实践：良好的工程实践助您持续产出高质量代码
• :1234: Mock 数据：实用的本地数据调试方案

• :white_check_mark: UI 测试：自动化测试保障前端产品质量

  v2.0

• 更快的二次编译速度

• 更兼容的开发环境

• 更简洁的依赖管理

• 生产环境更易调试的 sourcemap

工程目录

├─ mock
    ├─ util.js 【获取 url 参数】
├─ public  【ico 等资源】
├─ src
    ├─ assets     【SVG资源】
    ├─ common     【通用功能】
    ├─ components 【通用组件】
    ├─ e2e        【端到端测试】
    ├─ layouts    【布局】
    ├─ models     【model 集合】
        ├─ ModuleName.js
        ├─ ModuleName.less
    ├─ pages     【模块单元】
    ├─ services   【fetch 请求统一配置】
    ├─ util       【工具方法】
    ├─ global.js     【入口】
    ├─ router.js    【路由根配置】
├─ tests 【测试】

使用

工程初始化：

$ git clone git@git.yonyou.com:occ/occ.git
$ cd cc-portal-shop
$ yarn install
$ yarn start         # 访问 http://localhost:8000

【非 npm 可忽略】为了 npm 安装速度更快，建议使用 cnpm 淘宝镜像：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

工程打包：

$ npm run-script build

更多信息请参考 使用文档。

兼容性

现代浏览器及 IE11。