electron打包說明

打包步驟

step1: 將 index.html 放到 h5 目錄中

step2：在h5目錄中 執(zhí)行打包命令

yarn electron-builder

打包結(jié)果

會(huì)生成一個(gè) 字里華夏 的目錄,
1、cd 到 字里華夏 目錄 其中有一個(gè) 字里華夏Setup1.2.0.exe文件， 這個(gè)是 桌面應(yīng)用的 安裝文件。
2、再cd到 win-uppacked 目錄下，有一個(gè) 字里華夏.exe 文件，這個(gè)是 桌面應(yīng)用 的直接啟動(dòng)文件。

打包配置

1、main.js 文件中，有相關(guān)的打包配置
2、在 packge.json 中， 也有相關(guān)的 打包配置

打包 主體依賴

electron-builder 作為一個(gè)用于 Electron 應(yīng)用程序打包的工具，需要下載并使用 Electron 運(yùn)行時(shí)來創(chuàng)建可執(zhí)行文件。
在您的應(yīng)用程序中，您使用的是 Electron 的 API 和功能，并且在打包時(shí)，electron-builder 將這些文件放入一個(gè)自包含的二進(jìn)制文件中。
這樣可以確保應(yīng)用程序在不同平臺(tái)上的運(yùn)行穩(wěn)定性，并且與操作系統(tǒng)和其他應(yīng)用程序之間的兼容性。
在打包過程中，electron-builder 會(huì)下載您指定的 Electron 版本，例如 electron-v12.2.3-win32-x64.zip，然后解壓縮這個(gè) zip 包，并將其中的內(nèi)容打包到您的應(yīng)用程序中，使其成為一個(gè)可執(zhí)行文件。這個(gè) zip 包中包含了 Electron 運(yùn)行時(shí)所需要的所有文件，例如 Node.js、Chromium 等。

首次打包

由上所述， 第一次 執(zhí)行 yarn electron-builder 打包的命令時(shí)， 會(huì)到 GitHub （https://github.com/electron/electron/releases/）上下載 electron-builder 的依賴包失。
其依賴 包 有以下三個(gè)：

下載 electron-v9.0.2-win32-x64.zip 放在下面目錄

C:\Users\hero\AppData\Local\electron\Cache

下載 winCodeSign-2.6.0.7z 放在下面目錄

C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign

nsis-3.0.4.1.7z

C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis

為了防止 github 訪問不了的情況， 我把 以上的三個(gè)依賴， 都 放在了 depends 目錄下了。
使用的時(shí)候，直接 將 electron.zip 解壓 結(jié)果 和 electron-builder.zip 解壓 結(jié)果
放到 C:\Users\hero\AppData\Local\下；

特別說明

1、不要修改 h5 的 目錄名稱

到此這篇關(guān)于electron-builder 的基本使用的文章就介紹到這了,更多相關(guān)electron-builder 使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論