使用 build-tools 在 Windows 中编译 electron

前端APP 投稿 53500 0 评论

使用 build-tools 在 Windows 中编译 electron

提前准备

  • 预留好磁盘空间

    • Git 缓存目录:%UserProfile%/.git_cache,大概有 16G。

    • electron_build_tools 目录:%UserProfile%/.electron_build_tools,大概近 1G。

    • 源代码目录:近 20G 。

  • 安装 Nodejs,14.18.3 和 16.15.0 的版本都有编译过。

  • 安装 yarn 模块

  • 安装 Visual Studio,勾选 “使用 C++ 的桌面开发”,可以在右侧,顺便把 Windows 10 SDK (10.0.20348.0 勾选上。

  • 安装 Windows 10 SDK,版本号为 10.0.20348.0,需要包括 “Debugging Tools for Windows”,如果是通过 vs installer 安装的,可以去 设置 → 应用 → 找到你的 windows software development Kit → 修改 → change → next → 勾选 “Debugging Tools for Windows”  就可以了

  • 需要一个梯子,需要下载 chrome 源码与工具的。

安装 Electron Build Tools

npm i -g @electron/build-tools

初始化

e init --bootstrap testing

修改 DEPOT_TOOLS_WIN_TOOLCHAIN 配置

DEPOT_TOOLS_WIN_TOOLCHAIN 这个为 0。才会使用本地的 msvc 版本,不设置这个会打包出错的,但在 %UserProfile%/.electron_build_tools/src/utils/depot-tools.js 中会默认设置 DEPOT_TOOLS_WIN_TOOLCHAIN 为 1。

我们可以找到 %UserProfile%/.electron_build_tools/configs/evm.testing.json 文件,在 env 中加入

{
  ...
  "env": {
    "CHROMIUM_BUILDTOOLS_PATH": "K:\\sources\\electron\\src\\buildtools",
    "GIT_CACHE_PATH": "C:\\Users\\gaosh\\.git_cache",
    "DEPOT_TOOLS_WIN_TOOLCHAIN": 0 // 在这里加上这么一行就可以了
  }
}

同步与构建

命令说明
e init创建一个新的构建配置,同时初始化一个 GN 目录
e sync获取 / 更新 / 同步 源码分支
e build构建
e start启动

可以通过 e sync 来同步更新、 e build 来编译

编译启动

通过 e start 来启动。

参考文档

https://github.com/electron/build-tools

编程笔记 » 使用 build-tools 在 Windows 中编译 electron

赞同 (77) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽