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的环境