electron打包說明

打包步驟

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

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

yarn electron-builder

打包結果

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

打包配置

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

打包 主體依賴

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

首次打包

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

下載 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 訪問不了的情況， 我把 以上的三個依賴， 都 放在了 depends 目錄下了。
使用的時候，直接 將 electron.zip 解壓 結果 和 electron-builder.zip 解壓 結果
放到 C:\Users\hero\AppData\Local\下；

特別說明

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

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

最新評論