No.49 和 Electron-Vite 作者草鞋没号聊 Electron-Vite-ESM，参与开源的奇妙经历

北京的线下互动

等下，节目开始之前插播一条消息，Web Worker 播客马上迎来第五十期节目了，我们几个主播打算在 24 年 3 月 31 日周日的下午 2 点，在北京的昆仑巢举办一次线下听友交流会，大家一起见见面吹吹牛，共同认识一些新朋友，感兴趣请看 showNotes 了解更多，后续我们也会定期举行线上线下活动，希望通过播客，能够让我们建立更多人和人之间的链接

活动安排

活动时间： 2023 年 3 月 31 日 周日 14:00 ～ 17:00
活动地点： 北京市昆仑巢 健德门地铁站附近
活动形式：线下小型 MeetUp （不规划线上直播）

活动流程

（活动免费，不管午饭和晚饭，可以自带饮料和水果）

13:30 自由搭讪闲聊，开始之前随意闲聊
14:00 开场 5min。 介绍在现场的嘉宾
14:05 主播开翼的魔术 20min - 开翼的魔术
14:25 主播辛宝的 《Bun 出现之后我们会更快乐吗》 20min
14:45 主播 smart 《前端风雨 20 载，Web worker 3 周年》 20min
15:05 特邀嘉宾瑞丰 20min - 《我的开源之旅 & 开源中的趣事》
15:25 圆桌讨论 《 和 <代码之外> 的 randy 聊做播客感受 暨 web worker 50 期，主播和听友感受如何？》 60min 听友可以加入讨论，自由开麦，比如你喜欢哪一期、希望节目有什么改进
16:25 活动合影、结束、自由交流

节目介绍

🥳 WebWorker 新一期播客发布了！这一次我们重新学习和认识 Electron。 本次邀请到了 #electron_vite 组织负责人 @cao_xie 大佬。

我们和他一起聊聊 Electron，Vite，ESM 三项技术如何交织演进，还谈到了开源、tauri、前端进阶、平衡工作与生活等有趣经历，欢迎收听！

electron-vite https://electron-vite.github.io/

Github Repo https://github.com/caoxiemeihao?tab=repositories

electron forge https://github.com/electron/forge

vite-plugins Github Repo

如果二维码过期加 xinbao965

时间轴

00:00 Web Worker 打算搞一次线下活动！
01:20 正片开始，我们和小白菜 smart 邀请到了草鞋没号！
02:10 草鞋没号的自我介绍，Electron Vite 的作者，作者知乎地址
03:00 草鞋没号和播客的历史嘉宾 BlackHole 黑洞线下线上认识了
04:20 Electron 和 Vite 是不同的技术，什么契机让嘉宾决定将两者结合起来？
06:00 主播们使用 electron 时候感受如何？
07:51 嘉宾做了都哪些工作，性能、效率、开发体验如何？解决了大家不知道如何打包的痛点，提升了开发的体验
12:00 Electron-Vite 项目发展如何，未来如何规划？和 Electron Forge 是什么关系？两者如何进行选择，差异点有哪些？最容易的上手方式就是通过 Vite 官方脚手架来创建项目
15:50 如何区分和选择使用 Electron-Vite 还是 Electron Forge？小而精、大而全？
20:30 对我们的借鉴意义：和相同方案的差异化的竞争，比如通过插件化体系、整套解决方案的选择。
21:45 对于 Electron-Vite 这个项目，嘉宾想澄清一些事情，项目发展和社区认可、官方集成。参与开源希望做更优质、透明的工作。
25:00 从这件事情说开去，先谈参与开源的感受和想法。
26:30 我们提到的 Forge 到底是什么，和 Electron Builder 是什么关系？和 Electron-Vite 是什么关系？背后的故事
31:55 谈及 Forge 和 Builder 我们能想到什么？如何推广、扩大项目的受众、项目的影响力。
33:00 Electron Forge 和 Electron Builder 未来如何规划和发展？Forge 是官方主力支持。比如 23 年 QQ 的 mac 版本、Vite 的 clear-screen 背后的小故事
37:00 2024 年了 Electron 和 ESM 的结合进展如何了？背后的复杂技术点是什么？有哪些有趣的故事？
42:00 细讲 Electron 中 C++ 的部分和 Node 结合使用的背后故事，复杂的东西在哪里？点名 Electron v28 和 Forge v7.3
46:30 vite-plugins 仓库做了哪些工作，延伸在 B 站分享了两个视频，Vite / require / cjs /e sm 加载会有全新的认识
48:20 嘉宾对 ESM / Vite / Electron 三个方向都有大量的实践和努力。关联 D2 分享活动中的奇妙链接。
51:00 从 breaking change 的技术选择说开去，社区的不同声音
53:10 除了写代码，围绕运营、推广还做了哪些工作？比如线下、线上，感受如何？线下活动有哪些好处？真实感、人和人的链接
60:48 工作多久了？工作累不累，平时忙什么？公司业务和开源如何平衡和实践的？草鞋没号最近在玩《塞尔达 王国之泪》，感觉很解压。
64:10 目前在学什么新东西，未来想做点什么？我们绕不开的 AI ，ChatGPT 和 CodeCopilot 给我们程序员带来的感受、Rust 的学习和实践。可能是一个非常好的学习材料。
69:40 对在校生、刚入行的年轻人有哪些过来人经验、踩坑经历？屏蔽一些噪音，主题式、链路式学习。ps: 草鞋没号是跨专业来做的程序员。
74:30 参与开源从小白，提 issue、提 PR 的一步步学习和理解，提到了 Antfu 参与开源的激励感受。

幕后工作

辛宝、小白菜、smart 参与剪辑