Electron Pro

基于 Umi 和 TypeScript 的 Electron 模板

Features

✔️ 页面切换动画
✔️ 渲染进程开发环境自动刷新
✔️ 主进程开发环境自动刷新

如何使用？

安装

通过 git 克隆仓库到本地

$ git clone https://github.com/kit48/electron-pro.git

安装依赖

Yarn is strongly recommended instead of npm.

by https://www.electron.build/#installation

$ yarn

开发

$ yarn start

打包

$ yarn run pack

如果想打包成一个 dmg 或 zip 文件，可以以下命令实现

$ yarn run dist

致谢

• wangtianlun/umi-electron-typescript

Q & A

主进程开发环境下自动重启

收集多方资料，尝试了 electron-reloader 和 electron-reload 都以失败告终，最后看到了一个这样的答案：

nodemon --watch \* --exec "electron ."

沿着这个思路成功解决 823e7fe。

yarn 的使用

由于国内环境的原因，需要使用国内镜像源或者启用代理，参考 .yarnrc。

打包时资源下载过慢或超时

设置资源镜像地址，参考 .npmrc。

路由模式的选择

只能使用 hash 路由，打包后通过静态文件访问，history 路由不可正常使用。

自定义打包文件

详见 electron-builder 官方文档关于 Application Contents 的说明。

preload 脚本配置

已在 package.json 中配置，详见 electron-webpack 官方文档配置说明。