脚本宝典收集整理的这篇文章主要介绍了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
以上是脚本宝典为你收集整理的electron + react + react-router + mobx + webpack 搭建脚手架工程全部内容,希望文章能够帮你解决electron + react + react-router + mobx + webpack 搭建脚手架工程所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。