返回文章列表 
Electron-开发实践：包体积精简
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进行构建。