1. 基于 Vite 重新构建 Electron（王佳旺）.pdf

1、基于 Vite 重新构建 ElectronNew Electron Forge with Vite王佳旺Electron 成员 Forge 维护者ElectronVite 组织创建者OpenJS Speaker(2023)哈啰 资深前端程师Electron 与 ForgeElectronViteElectron 中国演讲内容 Speech content1Electron 与 Forge使用 JavaScript、HTML 和CSS 构建跨平台桌面应用程序 什么是 ElectronWhat is Electron钉钉DiscordWordpress DesktopitchPostmanGith

2、ub DesktopPolypaneFigmaSlackVScode书QQ Mac声 FlatSkypeTwitchIntelliBarForge 是一款用于打包和分发 Electron 应用程序的一体化工具 什么是 ForgeWhat is ForgeElectron Forge1.使用 npm init?2.基于第三方脚手架创建?3.去 Github 上 clone 一个模板?如何创建一个 Electroon 项目How to create an Electron project通过 npm 创建项目Create project via npmnpm init安装 electron编写主进

3、程代码编写渲染进程代码编写预加载脚本配置启动命令不支持 ESNext 语法与 ESModule不支持 TypeScript不支持 Electron 主进程快速重启不支持 Electron 渲染进程、预加载脚本自动刷新配置繁琐开发体验差使用 npm 的一些问题Problems with npm通过第三方脚手架创建项目Create project via third-party scaffoldingCLI create安装 electron编写主进程代码通过 CLI 生成渲染进程代码编写预加载脚本配置启动命令create-react-appcreate-vue不完全 支持 ESNext 语法与

4、ESModule不完全 支持 TypeScript不支持 Electron 主进程快速重启不完全 Electron 支持渲染进程、预加载脚本自动刷新配置繁琐开发体验差使用第三方脚手架的一些问题Problems with third-party scaffolding去 Github 上 clone 一个模板Clone a Github templateelectron boilerplateelectron sampleelectron template具有很强的作者偏好更新不稳定文档不健全使用模板的一些问题Problems with Github samples提供最佳实践方案模板支持 ES

5、Next 语法与 ESModule支持 TypeScript 语法支持 Electron 主进程快速重启支持 Electron 渲染进程、预加载脚本自动刷新 集成完整的打包配置我们需要怎样的一个工具What kind of tool do we need使用 Forge 创建一个 Electron 项目Create an Electron project using Forge生成模板代码、自动安装依赖npm start提供了最佳实践样板代码支持 ESNext、TypeScript 语法与 ESModule支持 Rebuild C/C+扩展支持 Electron 主进程快速重启支持 Elect

6、ron 渲染进程、预加载脚本自动刷新集成构建 Mac、Linux、Windows 配置Froge 给我们带来了什么What does Forge bring to us常友好的 DXForge 架构图Forge architecture diagramCLIPublisherselectron-rebuildPluginsHooksMakerselectron-packagerWebpack/Viteforge.config.jsJS/TS TemplateBuild identifiersUser sideConfigCore FeaturesForgeJoin Electron orgFo