https://github.com/conardli/electron-react

electron + react + react-router + mobx + webpack 搭建的脚手架工程(配实例DEMO)
https://github.com/conardli/electron-react

Last synced: 7 days ago
JSON representation

electron + react + react-router + mobx + webpack 搭建的脚手架工程(配实例DEMO)

• Host: GitHub
• URL: https://github.com/conardli/electron-react
• Owner: ConardLi
• Created: 2018-11-19T03:09:24.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-07-07T04:24:50.000Z (over 4 years ago)
• Last Synced: 2024-08-03T23:02:49.179Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 485 KB
• Stars: 633
• Watchers: 14
• Forks: 133
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# electron-react

electron + react + react-router + mobx + webpack 搭建的脚手架工程 【配功能实例DEMO】

让开发electron项目更简单。

![](./capture.png)

## 项目路径与命名

```

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