Ant Design Pro+Electron+electron-builder实现React应用脱离浏览器,桌面安装运行

ant-design-pro ----> version :2.3.1
最近需要讲AntD Pro项目 (以下简称Adp)打包成桌面安装使用,因为我的项目是一个企业业务计算系统,并不会常有需求的更新,因此打包成桌面应用,用户体验更好。

首先,Adp项目和Electron打包分开,就是不要把两者的依赖和配置文件放在一个项目里,这是保持项目的纯粹性,各自专注自己的事情。因此,我们就需要一个Adp项目,一个Electron打包脚手架。

我们就以最简单的方式做这件事情,先成功打包一个安装包出来,再逐渐丰富和细化。

步骤:

1、我们需要把项目变成Electron能读取的形式,需要调用umi的API修改webpack配置,使打包的target为electron-renderer

2、找一个Electron打包的脚手架

3、对接1和2,进行打包

PS:就算不设置target为electron-renderer,用Electron的loadUrl这个API,一样能读取Adp的内容,因为Electron本质就是一个浏览器或者更准确说是一个可以运行JS、HTML、CSS的环境

猜你喜欢

转载自www.cnblogs.com/ww01/p/10791844.html
今日推荐