electron + react + react-router + mobx + webpack 搭

pingan8787 发布于2019-08-23 13:40 / 1634人阅读

摘要：调试集成环境选择模块，简单分离开发，测试，线上环境。程序保护开机自启托盘最小化崩溃监控升级一行代码接入升级平台，实现客户端升级功能打包构建一个指令搞定打包项目地址

项目地址： 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

GPU云服务器云服务器 react-router react-router4 Mobx electron

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99363.html

React结合TypeScript和Mobx初体验

摘要：结合编辑器可以推导变量对应的类型以及内部的结构，提高代码的健壮性和可维护性。通过充分利用时间回溯的特征，可以增强业务的可预测性与错误定位能力。对于对象的哪部分需要成为可观察的，提供了细粒度的控制。 showImg(https://segmentfault.com/img/bVba6Ts?w=1218&h=525); 为什么要使用TypeScript 侦测错误通过静态类型检测可以尽早检...

dreambei 2019-08-22 17:29 评论0 收藏0
分享一个react单页应用脚手架

摘要：项目技术栈项目地址项目演示现在比较流行的脚手架应该是，由官方开发。网上关于项目的目录结构也很多，那应该怎么合理地去组织我们的目录结构呢为了处理这个问题，我参考了一些项目，然后把它们的优点结合起来，最后写了这个脚手架。项目技术栈：react16+react-router4+antd-mobile2+mobx+axios+webpack4项目github地址：https://github...

kycool 2019-08-22 17:57 评论0 收藏0
前端修炼之路

摘要：一步，两步，三步四步五步，就这样到达了人生的巅峰传统前端生态初级不使用打包中间处理工具，手工处理图片等资源掌握以下知识点基础结构，基础样式，基础语法框架，系列插件框架，等基础插件，等其他移动端适配，浏览器兼容，浏览器调试等恭喜完成新手村修一步，两步，三步四步五步，就这样到达了人生的巅峰~ 传统前端生态-初级不使用打包、中间处理工具，手工处理js、css、图片等资源掌握以下知识点：...

Jason_Geng 2019-06-26 17:58 评论0 收藏0
前端修炼之路

摘要：一步，两步，三步四步五步，就这样到达了人生的巅峰传统前端生态初级不使用打包中间处理工具，手工处理图片等资源掌握以下知识点基础结构，基础样式，基础语法框架，系列插件框架，等基础插件，等其他移动端适配，浏览器兼容，浏览器调试等恭喜完成新手村修一步，两步，三步四步五步，就这样到达了人生的巅峰~ 传统前端生态-初级不使用打包、中间处理工具，手工处理js、css、图片等资源掌握以下知识点：...

macg0406 2019-08-26 13:29 评论0 收藏0