Electron-开发实践:包体积精简
【前言】
前面几篇文章讲了从开发electron应用到mac打包,
相关文章:
Electron-开发实践:使用Monorepo管理Electron项目
本文介绍下应用包体积优化
【包结构】
要讲应用包体积优化,
需要先看下包结构,
在mac上找到一个包后右键-显示包内容,

可以看到Contents-Resources-app中是具体的代码资源,
其余的都是electron相关的环境资源,

可以看到目前app文件夹大小为11.8M,

其中的node_modules文件夹大小为11.7M,

所以简化包体积最简单的办法是不要打入node_modules
【node_modules】
目前app文件夹的内容包括下面这些
main:主进程代码
renderer:渲染进程代码
package.json:配置文件
node_modules:主进程代码依赖的包资源
在这篇文章中已经讲到讲渲染进程的代码进行构建,
将构建产物复制到了dishi-main下的renderer文件夹,
Electron-开发实践:使用Monorepo管理Electron项目
也就是说上面的renderer文件夹已经是构建产物了,
这里要将main文件夹,也就是主进程代码也改为构建后的产物,
这样就可以不依赖node_modules文件夹了,
这里选的方案是es6+rollup进行构建。
相关推荐
Electron-开发实践:本地日志
【前言】 使用electron开发好本地应用后, 本地日志记录必不可少, 这样可以通过日志获取用户操作信息以及定位bug等, 本地日志与实时性的埋点上报稍微有不同, 本地日志量更大,信息更全,且不是所有信息都时候上报。 【与nodejs本地日志的异同】 electron写本地日志和nodejs写本地
Electron-开发实践:注册快捷键
【前言】 本文介绍一下electron应用中如何注册快捷键 【主进程】 主进程注册快捷键比较简单,需要注意的是在app ready后使用, 常见键盘映射: https://www.electronjs.org/docs/latest/api/accelerator 另外在推出app时需要将所有注册的
Electron-开发实践:几种更新方式
【前言】 Electron开发桌面APP后, 接着涉及一个问题就是如何更新后续的版本, 本文介绍几种更新的方式。 【Electron架构】 用Electron开发的桌面APP, 其实包含几个部分: 1\. Electron本身的环境 2\. 主进程,主进程中又分为Nodejs部分,和非Nodejs部
Electron-开发实践:定制Mac菜单
【前言】 前面几篇文章讲了从开发electron应用到mac打包, 相关文章: 一篇文章学会Electron Electron开发实践:本地数据库SQLite Electron开发实践:使用Monorepo管理Electron项目 Electron开发实践:Mac打包 Electron开发实践:注册
Electron-开发实践:DMG安装包定制
【前言】 dmg文件是mac端常见的安装包格式, 前面几篇文章已经使用electron开发并打包好一个应用了, 本文主要讲下定制dmg安装包, 前面几篇文章: 一篇文章学会Electron Electron开发实践:本地数据库SQLite Electron开发实践:使用Monorepo管理Elect