框架结合UmiJS开发构建，为了项目组开发人员更好的将重心放在业务上，框架对目录做了标准约定。

现以electron版本为例：

  1. titanOne-quickstart-react
  2. ├── bin
  3. ├── ├── electron.bat
  4. ├── ├── electron.sh
  5. ├── config
  6. ├── ├── electron
  7. ├── ├── ├── init.json
  8. ├── ├── ├── version.json
  9. ├── dist
  10. ├── setup
  11. ├── examples
  12. ├── ├── app
  13. ├── ├── mapping.json
  14. ├── ├── package.json
  15. ├── ├── README.md
  16. ├── ├── config
  17. ├── ├── ├── config.js
  18. ├── ├── ├── router.config.js
  19. ├── ├── mock
  20. ├── ├── ├── datas
  21. ├── ├── ├── ├── desktop.json
  22. ├── ├── ├── ├── menu.json
  23. ├── ├── tests
  24. ├── ├── ├── init.json
  25. ├── ├── ├── mapping.json
  26. ├── tool
  27. ├── ├── app
  28. ├── ├── ├── electron
  29. ├── ├── ├── ├── package.json
  30. ├── ├── ├── ├── app
  31. ├── ├── electron
  32. ├── ├── ├── package.json
  33. ├── ├── theme
  34. ├── ├── ├── asserts
  35. ├── ├── ├── electron
  36. ├── ├── utils
  37. ├── README.md

备注：当前工程集成了web, electron版本构建，可根据项目情况自行调整项目结构。

主要目录及文件说明：

  • bin: 快速编译构建脚本目录
  • config: 发布版本配置文件目录
  • dist: 编译输出asar临时目录(区分web/electron)
  • setup: 打包脚本.iss及输出Output目录
  • tool: 打包编译框架app.asar,theme.asar包工程等
  • tool/app/asserts: 公共共享资源目录，比如：多个项目公共引用的图表包eKLine等
  • tool/theme/asserts: 覆盖框架样式资源文件目录，比如：登录，主页logo图片替换或自定义customCss资源等
  • config.json: 打包阶段编译构建选项配置，比如：theme,i18n等

自定义样式存放目录

在项目中需要引用外部的资源文件或需要根据项目自定义样式，可将资源文件放在根目录下的tool目录下的asserts:

  1. ~root/tool/                            
  2.     - theme/                           // 重写样式目录
  3.         - asserts/
  4.             - index/                   // 主页重写样式
  5.                 - /static/css/
  6.                     - /custom.css
  7.                     - /img
  8.             - login/                    // 登录页替换图片
  9.                 - /static/css/img

重写框架样式：在init.json中配置customCss自定义css文件名：

  1. {
  2.     customCss:custom.css
  3. }

备注：主页静态资源路径@erayt/eui3.5-customize-themes/dist/index/css/img，按名称对应覆盖；

登录静态资源路径@erayt/eui3.5-customize-themes/dist/login/css/img，按名称对应覆盖。