electron打包linux环境

注意:新版的electron已经不支持在win上直接打包Linux的环境了,服务会卡住,会一直生成文件占用磁盘(我发现的时候占了我100G,而且文件夹很深,找了java代码while循环,好不容易删除的o(╥﹏╥)o)

electron有一个专门打包的docker镜像,可以安装docker打包

docker有win版,也可以安装打包

下载docker镜像

shell 复制代码
docker pull electronuserland/builder

最新很多docker镜像都挂了若是下载失败,需要设置镜像地址,重启docker

别人的教程docker更新镜像

设置的时候只需要把镜像加上就行registry-mirrors

json 复制代码
{
    "registry-mirrors": [
        "https://docker.registry.cyou", 
        "https://docker-cf.registry.cyou", 
        "https://dockercf.jsdelivr.fyi", 
        "https://docker.jsdelivr.fyi", 
        "https://dockertest.jsdelivr.fyi", 
        "https://mirror.aliyuncs.com", 
        "https://dockerproxy.com", 
        "https://mirror.baidubce.com", 
        "https://docker.m.daocloud.io", 
        "https://docker.nju.edu.cn", 
        "https://docker.mirrors.sjtug.sjtu.edu.cn", 
        "https://docker.mirrors.ustc.edu.cn", 
        "https://mirror.iscas.ac.cn", 
        "https://docker.rainbond.cc"
    ]
}

重启docker之后,使用docker info 能在最后看到加上的镜像

之后就可以重新拉取了

shell 复制代码
docker pull electronuserland/builder

打包

  1. 运行命令
shell 复制代码
docker run --rm -ti -v 本地路径:/project -w /project electronuserland/builder
比如 win可以是 C:\Electron\Pro
linux可以是 /usr/local/Electron/Pro
  1. 自动就进入容器了
  2. 编译
shell 复制代码
# 删除之前的依赖
rm -rf ./node_modules
# 安装依赖
npm i
# 打包
npm run build

若是之前将electron-builder等部分依赖全局安装的,在package.json中没有这个依赖,打包会失败,需要在package.json中将对应的依赖加上

下载依赖慢,设置镜像

没有vi和vim,只能这样了

复制代码
echo electron_mirror=https://registry.npmmirror.com/-/binary/electron/ > .npmrc

编译失败

原因很多,这个是官方文档 https://www.electron.build/linux

相关推荐
林希_Rachel_傻希希2 小时前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
阿黎梨梨2 小时前
AI Loop:告别“人肉写提示词”,让代码替你“鞭策”AI
javascript·人工智能
TrisighT5 小时前
Electron 跑在鸿蒙 PC 上,单窗口和多窗口内存差 800MB?我抓了 5 组数据
性能优化·electron·harmonyos
竹林8185 小时前
用 wagmi v2 + viem 监听链上事件,我踩了三天坑终于搞懂了实时日志与历史补全
javascript
只一6 小时前
😭从回调地狱到 async/await:一文打通 Ajax 与 JS 异步编程
javascript
weedsfly6 小时前
语法糖褪去之后——Babel 转译产物中的 JavaScript 本貌
前端·javascript
JustHappy6 小时前
「软件设计思想杂谈🤔」“切图仔”也能懂编译原理?框架源码也许没那么难。聊聊 Vue 的编译(上)
前端·javascript·vue.js
晓得迷路了7 小时前
栗子前端技术周刊第 134 期 - React Router v8、TypeScript 7 RC、React Native 0.86...
前端·javascript·react.js
代码煮茶1 天前
React 组件封装方法论 —— 以 Todo App 为例
javascript·react.js
任沫1 天前
Agent之Function Call
javascript·人工智能·go