3. 按需构建:
(1). 如何对跨平台二进制文件进行按需构建呢?
①. 比如桌面应用中用到了ffmpeg,它需要windows、mac和linux的下载二进制
②. 在打包的时,如果不做按需构建,则会将3个二进制文件全部打到构建中,这样会让应用体积增加很多
③. 可以在forge.config.js配置文件中进行如下配置,即可完成按需构建,代码如下:
const platform = os.platform()
const config = {
packagerConfig: {
extraResource: [`./src/main/ffmpeg/${platform}`]
},
}
④. 通过platform变量来把对应系统的二进制打到构建中,即可完成对二进制文件的按需构建
4. 性能优化:
①. 主要是构建速度和构建体积优化,构建速度这块不好优化
②. 以mac系统举例,在electron应用打包后,查看应用包内容,如下图:
可以看到有一个app.asar文件,这个文件用asar解压后可以看到有以下内容:
①. 可以看出asar中的文件是构建后的项目代码:
a. 从图中可以看到有node_modules目录
b. 因为在electron构建机制中,会自动把dependencies的依赖全部打到asar中
②. 优化措施有4点:
a. 将web端构建所需的依赖全部放到devDependencies中
b. 只将在electron端需要的依赖放到dependencies
c. 将和生产无关的代码和文件从构建中剔除
d. 对跨平台使用的二进制文件,如ffmpeg进行按需构建
③. node_modules清理:
a. 如果是yarn安装的依赖,在根目录使用以下面命令进行精简:
yarn autoclean -I
yarn autoclean -F
b. 如果是pnpm安装的依赖,第4点应该不起作用了
c. 在项目中使用yarn执行完后,发现打包体积减少了6M