AI Simple Web

项目简述与避坑指南

本项目旨在引导新手用户使用共达地智能训练AI平台。所以比较像PPT。

由于开发时间只有不到15天，很多地方忽略了性能、TS类型、代码规范。也有些地方不得不损失一定性能换取流程能走下去。

接手项目的朋友你可能需要很好地了解一下这个交互。

接手项目的朋友你可能需要很好地了解一下这个交互。

接手项目的朋友你可能需要很好地了解一下这个交互。

反正一句话，别友好地问候最初的开发者。

项目集成

1. react18、RTK、saga、router@v6、antd、wasm
2. eslint 本地运行时 + 编译时
3. babel （除了个别提案感觉用起来会坑队友，基本都添加了）
4. webpack 5
5. CICD (自动化部署这一步暂时没空搞，最好还是jekins，不然需要中间服务管理tag)
6. docker
7. babel css module
8. env（参考cra）
9. ts + js (可以混合开发，喜欢用啥不强制要求)
10. 飞书机器人
11. 热更新
12. 新的jsx转换和eslint规则
13. 动态主题设置、less变量全局自动导入(待定，参考ANTD的实现方式的话，建议自己写个库，但是这样子的话，antd的样式还是需要手动去改变，工作量不少，尽量兼容UI库吧)
14. 别名、懂的都懂

yarn start

启动项目

yarn build

打包

参数

名称	描述
--stats	是否写构建信息（主要还是给BundleAnalyzerPlugin用，不过没做主动启动这个服务）
--profile	webpack分析打包

yarn lint

eslint检测，但是没加fix，自己手动fix吧

yarn image

构建镜像

参数

名称	描述
--tag \ --t	镜像tag
--d	镜像描述

==备注：CICD或许是clone镜像方式问题，脚本.git文件不一致，所以不在cicd自动构建镜像==

yarn bnp

打包+构建镜像 参数同上

yarn test

暂未添加，正经前端搞啥自动化测试，是需求不够多吗

备注

项目中参考cra部分构建思维，我也懒得自己写部分脚本，直接使用react-dev-utils了，不过这个库有些不兼容webpack5，我改了放在config-utils文件夹

待处理事件

1. 测试单元
2. 打包优化体积
3. cdn （因为要钱所以放弃了）
4. babel macro (感觉没必要搞，坑队友)
5. stylelint
6. ci runner管理(目前挂在局域网某台主机，使用shell)

相关文档链接

Create React App

babel

WEBPACK 5.X.

react router v6.

cpp wasm ,别看官网了，我写了个文档.

figma