electron-react
electron + react + react-router + mobx + webpack 搭建的脚手架工程 【配功能实例DEMO】
让开发electron项目更简单。
项目路径与命名
main //主进程
menu //菜单
render //渲染进程
component //组件
config //配置
public //静态资源
routes //路由
service //服务
utils //工具类
view //页面
scripts //打包脚本
main_process //主进程打包目录
render_process //渲染进程打包目录
dist //客户端打包目录
resources //图标资源
使用
本地调试
npm install
npm start
本地测试打包
npm run compile
打包客户端
npm run pack-win
npm run pack-mac
解决了什么问题
1.electron+react框架搭建
主进程代码使用babel编译,渲染进程使用webpack打包,快速开始开发。
2.调试
集成环境选择模块,简单分离开发,测试,线上环境。
3.程序保护
开机自启
托盘最小化
崩溃监控
4.升级
一行代码接入升级平台,实现客户端升级功能
5.打包构建
一个指令搞定打包
npm run pack-win
npm run pack-mac
6.其他特性
- 立即可用的 React 插件 react-router,antd
- electron-build轻松构建
- webpack各种loader配置
- 默认支持 stage-0 的 ES6
7.上手可用的DEMO
窗口、通信、菜单、系统、弹框、打印、shell