关于项目

项目详情

1. 项目的默认包管理

   本项目默认使用yarn进行包管理

2. 项目依赖包详解

   • 项目中使用的开发依赖react-app-rewired customize-cra babel-plugin-import less less-loader antd-dayjs-webpack-plugin 全部基于 antd的高级配置，没有使用eject对外暴露webpack来修改配置，使用了react-app-rewired的解决方案。react-app-rewired依赖customize-cra，对于自定义的webpack设置可以参考 api 获取使用所有customize-cra提供的API。配置文件为根目录的config-overrides.js

   • 项目的dev指令详解：package.json中对应指令为nodemon --watch main.js --exec concurrently \"wait-on http://localhost:3000 && electron .\" \"cross-env BROWSER=none yarn start\"，其中利用nodemon依赖监听main.js文件修改重载指令；concurrently并行wait-on http://localhost:3000 && electron .和cross-env BROWSER=none yarn start指令；wait-on依赖用于监听本地react服务的启动情况，当本地加载完成时执行electron .；cross-env利用了交叉环境设置环境变量BROWSER=none从而避免react自动启动浏览器预览

   • 项目自带了antd和bizCharts，提供了样式库和图形可视化的能力，bizCharts是阿里基于antv g2的React商业化封装，具体文档可参考README文档引用

3. 关于本项目打包的详解

   本项目使用electron-builder进行打包，第一次打包出现问题是必然的，下面的参考文章详细的记录了我配置打包文件的过程！

   • 你一定会遇到的错误（网络问题），参考这篇文章（Win10开发环境）国内electron-vue build报错解决方法，其实就是github下载慢的问题

     一定要自己去找最新版的electron winCodeSign nsis nsis-resources

   • 如何使用？我这个项目你直接跑就可以了yarn build:win64

   • 配置文件参考官方文档electron-builder

详细的打包流程及优化建议请参考 BUILD.md