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

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

electron-react

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

像开辟react web项目一样开辟electron

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

项目途径与定名

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.调试

集成环境挑选模块,简朴星散开辟,测试,线上环境。

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

3.顺序庇护

开机自启

托盘最小化

崩溃监控

4.晋级

一行代码接入晋级平台,完成客户端晋级功用

5.打包构建

一个指令搞定打包

npm run pack-win
npm run pack-mac

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

    原文作者:ConardLi
    原文地址: https://segmentfault.com/a/1190000017130833
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞