什么是 Electron 和 Electron Forge
Electron 是一个由 GitHub 开源的跨平台桌面应用程序开发框架。它使用基于 Web 技术的前端技术，如 HTML、CSS 和 JavaScript 来开发本地桌面应用程序。而 Electron Forge 是 Electron 的一个工具集，它为 Electron 提供了更多的开发工具、操作系统的支持和构建方式。
@electron-forge/installer-dmg 简介
@electron-forge/installer-dmg 是 Electron Forge 的一个插件，它可以生成 macOS 下的 dmg 格式安装文件。dmg（Disk Image）是 macOS 系统下的软件安装方式之一，类似于 Windows 下的 exe 安装程序。使用 @electron-forge/installer-dmg 可以使得我们的 Electron 应用程序可以通过 dmg 文件的方式进行安装和卸载。
安装 @electron-forge/installer-dmg
使用 npm 进行安装：
npm install @electron-forge/installer-dmg --save-dev
使用 @electron-forge/installer-dmg
修改 package.json 文件
在 package.json 文件中的 build 对象中增加以下字段：
- "productName"：应用程序的名称。
- "appBundleId"：应用程序的 Bundle Id。
- "dmg": dmg 文件相关参数的配置。
示例如下：
-- -------------------- ---- -------
-
------- ------------------
---------- --------
-------------- --- -------- -----
------- ----------
--------- ----- ------
---------- ------
---------- -
-------- --------- ---
------- --------------- ------
------- --------------- ------
--
--------------- -
----------- ---------
--
------------------ -
---------------------- -----------------
--------------------------------- -----------------
---------------------------- -----------------
-------------------------------- ----------------
--
--------- -
-------- -
----------------- ---
--------- -
-
------- ---------------------------
--
-
------- ---------------------------------
--------- -
------- -----------------
-
--
-
------- --------------------------------
--------- -
-------------- --- -------- -----
-------------- --------------------------------
------------- -------------------------
------- -------------------
-
-
-
-
-
-修改 package.json 文件的 scripts
在 package.json 文件的 scripts 字段增加打包脚本：
{
"scripts": {
"make": "electron-forge make"
}
}打包
运行以下命令进行打包：
npm run make
配置参数说明
productName
类型：String
应用程序的名称，将会显示在 dmg 文件的顶部标题栏和安装窗口的标题栏。
appBundleId
类型：String
应用程序的 Bundle Id。
background
类型：String
dmg 文件的背景图片，图片大小必须是 660px * 400px。
icon
类型：String
dmg 文件的图标文件，文件格式必须是 icns。
结语
使用 npm 包 @electron-forge/installer-dmg 可以方便地将 Electron 应用程序打包成 dmg 文件，通过 dmg 文件来进行应用程序的安装和卸载。希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f308f303b0ab45f74a8bcae