当前位置: 首页>后端>正文

打包您的应用程序11

<h2>使用 Electron Forge</h2><p>Electron 的核心模块中没有捆绑任何用于打包或分发文件的工具。 如果您在开发模式下完成了一个 Electron 应用,需要使用额外的工具来打包应用程序 (也称为<strong>可分发文件</strong>) 并分发给用户 。 可分发文件可以是安装程序 (例如 Windows 上的 MSI) 或者绿色软件 (例如 macOS 上的 .app 文件)。</p><p>Electron Forge 是一个处理 Electron 应用程序打包与分发的一体化工具。 在工具底层,它将许多现有的 Electron 工具 (例如 electron-packager、 @electron/osx-sign、electron-winstaller 等) 组合到一起,因此您不必费心处理不同系统的打包工作。</p><h3>导入你的项目到 Forge</h3><p>将 Electron Forge 的 CLI 工具包安装到项目的 devDependencies 依赖中,然后使用现成的转化脚本将项目导入至 Electron Forge。</p><ol><li>npm</li><li>Yarn</li></ol><p>npm install --save-dev @electron-forge/cli
npx electron-forge import
</p><p>转换脚本完成后,Forge 会将一些脚本添加到您的 package.json 文件中。</p><p>package.json //...
"scripts": {
"start": "electron-forge start",
"package": "electron-forge package",
"make": "electron-forge make"
},
//...
CLI 文档</p><p>有关 make 或其他 Forge API 的更多信息,请查看 Electron Forge CLI 文档。</p><p>您还应该注意到您的 package.json 现在安装了更多的包 在 devDependencies 下,以及一个导出配置的新 forge.config.js 文件 目的。 您应该在预填充的配置中看到多个makers(生成可分发应用程序包的包),每个目标平台一个。</p><h3>创建一个可分发版本</h3><p>要创建可分发文件,请使用项目中的 make 脚本,该脚本最终运行了 electron-forge make 命令。</p><ol><li>npm</li><li>Yarn</li></ol><p>npm run make
</p><p>该 make 命令包含两步:</p><ol><li>它将首先运行 electron-forge package ,把您的应用程序 代码与 Electron 二进制包结合起来。 完成打包的代码将会被生成到一个特定的文件夹中。</li><li>然后它将使用这个文件夹为每个 maker 配置生成一个可分发文件。</li></ol><p>在脚本运行后,您应该看到一个 out 文件夹,其中包括可分发文件与一个包含其源码的文件夹。</p><p>macOS output exampleout/
├── out/make/zip/darwin/x64/my-electron-app-darwin-x64-1.0.0.zip
├── ...
└── out/my-electron-app-darwin-x64/my-electron-app.app/Contents/MacOS/my-electron-app
</p><p>out/make 文件夹中的应用程序应该可以启动了! 现在,您已经创建了你的第一个 Electron 程序。</p><p>
</p><div class="image-package"><img src="https://upload-images.jianshu.io/upload_images/12437358-8fdc6d49aa67adfa.jpeg" contenteditable="false" img-data="{"format":"jpeg","size":37917,"width":640,"height":396,"space":"srgb","channels":3,"depth":"uchar","density":72,"chromaSubsampling":"4:2:0","isProgressive":false,"hasProfile":false,"hasAlpha":false}" class="uploaded-img" width="auto" height="auto"/>
</div>


https://www.xamrdz.com/backend/3ta1944511.html

相关文章: