electron + react + react-router + mobx + webpack 搭建脚手架工程

项目地址 ： https://github.com/ConardLi/electron-react

electron-react

electron + react + react-router + mobx + webpack 搭建的脚手架工程

像开发react web项目一样开发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

项目地址 ： https://github.com/ConardLi/electron-react