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