tqv-data-operation-screen

2023/5/19： 1.项目开发前需要提前安装node.js 和yarn

新一代前端框架

基于 webpack4 + ES6 + react17 + react-router-dom5 + antd + mobx

使用方法：

安装模块：yarn install
开发模式：npm run dev
打包命令：npm run yunxi-dev (生产环境)

项目构建结构

1、package.json 项目配置文件 2、webpack.common.js 打包构建基础配置文件 3、webpack.dev.js 开发模式项目配置文件 4、webpack.prod.js 生产模式项目配置文件 5、webpack.dll.conf.js 单独打包第三方库

代码文件

config 项目配置文件夹 public 项目大型图片和入口 index 文件夹 src/APP 项目入口文件，配置全局 css 与入口 index src/asset 项目静态文件夹 src/components 项目组件文件夹(此项目特有组件) src/pages 项目开发业务代码夹 src/router 项目路由配置 src/store 项目 mobx store src/themes 项目主题文件夹 src/utils 项目工具类文件夹 src/widget 项目封装的组件(可复用的组件) src/index.js 项目打包入口文件

页面结构

一个页面由三个文件结构组成： style.less 样式文件 api.js 接口文件 view.jsx 页面文件

菜单路由配置

src\router\router.js 配置菜单路由 src\pages\indexed\component\top 顶部导航栏配置

仓库分支

master 生产环境分支 feature/... 其他分支为开发分支

项目打包

非集群环境 测试：npm run yunxi-test（如报错则按顺序执行 1.npm run build-dll 2.npm run build-test） 生产：npm run yunxi-dev 集群环境 npm run yunxi-dev-new