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

发布时间:2019-07-01 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了electron + react + react-router + mobx + webpack 搭建脚手架工程脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

electron-react

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

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

image

项目路径与命名

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

集成环境选择模块,简单分离开发,测试,线上环境。

@H_304_126@

3.程序保护

开机自启

托盘最小化

崩溃监控

4.升级

一行代码接入升级平台,实现客户端升级功能

5.打包构建

一个指令搞定打包

npm run pack-win
npm run pack-mac

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

脚本宝典总结

以上是脚本宝典为你收集整理的electron + react + react-router + mobx + webpack 搭建脚手架工程全部内容,希望文章能够帮你解决electron + react + react-router + mobx + webpack 搭建脚手架工程所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。