(在 macOS 中是指 Electron.app/Contents/Resources/ ,在 Linux 和 Windows 中是指 resources/) 就像这样:

    在 macOS 中:

    在 Windows 和 Linux 中:

    1. ├── main.js
    2. └── index.html

    然后运行 Electron.app (或者 Linux 中的 electron ,Windows 中的 electron.exe ),接着 Electron 就会以你的应用程

    序的方式启动, electron 文件夹将被部署并可以分发给最终的使用者。

    对于exe的图标的在windows平台上更换工具使用,rcedit能够修改exe的图标资源,同时可以设置产品信息。

    1. npm install rcedit -dev

    事先准备好icon图标,并且在拥有rcedit的node组件目录下,可以用node执行如下的示例脚本,将图标、产品信息等参数进行修改,生成新的exe程序。

    windows路径长度限制

    为舒缓 Windows 下路径260字符长度限制的问题, 也略对 require 加速以及简单隐匿你的源代码,你可以通过极小的源

    代码改动将你的应用打包成 asar

    ASAR

    由于开发中所使用的node的组件包,经常由于路径太长,造成了拷贝和删除发生错误,不利于软件的分发和安装,除了通过拷贝所有的资源文件来分发你的应用程序之外,你可以通过打包你的应用程序为一个 asar 库文件以避免暴露你的源代码,所以提供了asar这个node组件对开发者的文件夹进行统一打包成.asar后缀的tar包。

    为了使用一个 asar 库文件代替 app 文件夹,你需要修改这个库文件的名字为 app.asar , 然后将其放到 Electron 的资源文件夹下,然后 Electron 就会试图读取这个库文件并从中启动。 如下所示:

    1. └── app.asar
    • 安装asar
    1. npm install -g asar

    list:枚举压缩文件所有的文件,参数为压缩文件名称。

    extract-file:从压缩文件中解压一个文件出来,参数为压缩文件名称和需要解压的文件名

    extract:从压缩文件中解压出所有的文件到目标文件夹中,参数为压缩文件名称和输出文件夹名称

    asar打包应用

    在electron的resources文件夹目录下,本来有electron.asar文件,需要将应用所在的目录打包成app.asar文件,使用如下脚本,可以将app文件夹打包成app.asar,同时可以忽略打包的文件或者文件夹,名称为app.asar.unpacked,最后将app.asar拷贝到electron的resources文件夹目录下,目录如下:

    1. electron/resources/
    2. ├── electron.asar

    如果存在app.asar.unpacked文件夹,也拷贝到electron的resources文件夹目录下,目录如下:

    1. electron/resources/
    2. ├── electron.asar
    3. ├── app.asar
    4. └── app.asar.unpacked

    打包示例: