• Stars
    star
    635
  • Rank 70,829 (Top 2 %)
  • Language
    JavaScript
  • Created almost 6 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

electron + react + react-router + mobx + webpack 搭建的脚手架工程(配实例DEMO)

electron-react

electron + react + react-router + mobx + webpack 搭建的脚手架工程 【配功能实例DEMO】

让开发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

6.其他特性

  • 立即可用的 React 插件 react-router,antd
  • electron-build轻松构建
  • webpack各种loader配置
  • 默认支持 stage-0 的 ES6

7.上手可用的DEMO

窗口、通信、菜单、系统、弹框、打印、shell

More Repositories

1

awesome-coding-js

用JavaScript实现的算法和数据结构,附详细解释和刷题指南
3,249
star
2

ConardLi.github.io

ConardLi 写 blog 的地方
Stylus
1,114
star
3

tpanorama

一款非常好用的全景生成,全景标记编辑插件!
JavaScript
628
star
4

30-seconds-of-code-Zh-CN

你可以在30秒或更短的时间内理解的有用的javascript片段的精选集。(30-seconds-of-code中文版)
377
star
5

awesome-cli

awesome cli tools (有趣又实用的命令行工具)
JavaScript
305
star
6

coder-bookshelf

工程师书架 小程序
JavaScript
132
star
7

electron-print-demo

electron 打印客户端
JavaScript
104
star
8

electron-localStorage

在eletron主线程也能使用的localStorage
JavaScript
43
star
9

fe-roadmap

前端必备技能清单,持续更新...
16
star
10

openai-nodejs-demo

A project that uses koa framework and openai library to generate images automatically.
JavaScript
12
star
11

react-light-barcode

Bar code react components, support multiple types, on demand reference (concise! Light weight! Fast!) 条形码react组件,支持多种类型,按需引用(简洁!轻量!快速!)
JavaScript
8
star
12

fe-version

An automated script that helps you get the latest version of the project you care about, as well as the latest version changes.
JavaScript
3
star
13

bubble-sort-animate-

原生js实现的冒泡排序动画
JavaScript
3
star
14

electron-localstorage-demo

electron-localstorage示例程序
JavaScript
3
star
15

react-redux-mobx-todolist

使用原生/react/redux/mobx几种方式分别实现的todolist
JavaScript
3
star
16

TypeScript-React-Native

使用TypeScript开发React Native(State、Hooks、Redux、Mobx)
Objective-C
2
star
17

ejpage

一款小巧方便的分页插件,包括前台分页和后台分页
JavaScript
2
star