https://github.com/ConardLi/electron-react
Scaffolding project built by electron + react + React-Router + mobx + webpack (with example DEMO)
https://github.com/ConardLi/electron-react
Last synced: 7 months ago
JSON representation
Scaffolding project built by electron + react + React-Router + mobx + webpack (with example DEMO)
- Host: GitHub
- URL: https://github.com/ConardLi/electron-react
- Owner: ConardLi
- Created: 2018-11-19T03:09:24.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-07-07T04:24:50.000Z (over 5 years ago)
- Last Synced: 2025-04-05T06:08:05.948Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 485 KB
- Stars: 637
- Watchers: 14
- Forks: 129
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-react-cn - electron + react + react-router + mobx + webpack 搭建的脚手架工程
README
# 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