使用 Tauri (轻量级替代方案)打包编辑器

• 2 分钟阅读 • web

electron实在是太笨重了,本文使用tauri方案重新打包。

环境准备

创建 Tauri 项目

  1. 新建项目目录
  2. 复制您的 index.html 到项目
  3. 初始化前端项目 (纯 HTML 模式)
npm init -y
npm install --save-dev @tauri-apps/cli
  1. 初始化 Tauri
    npx tauri init
    按提示选择:文件路径:../index.html,其它直接回车。
  2. 添加应用图标
    src-tauri/
    └── icons/
    ├── 32x32.png
    ├── 128x128.png
    └── icon.ico # Windows 专用图标
    删掉init时icons生成的默认图标,把自定义的图标复制过来。

构建单一可执行文件

  1. 修改src-tauri/tauri.conf.json
    “identifier”: “com.qs100371.markdown”,

“bundle”: {
“active”: false,
“targets”: “all”,
“icon”: [
“icons/32x32.png”,
“icons/128x128.png”,
“icons/icon.ico”
]
}
2. 安装依赖
npm install

  1. 构建 Release 版本
    npm run tauri build -- --target x86_64-pc-windows-msvc
    在src-tauri\target\x86_64-pc-windows-msvc\release目录下得到app.exe,大小8.54M。

预览:tausi方案markdowneditor


与ds反复交流才能把目标达成。今天生成两个app,并且打包成exe。

文章标签: web

上一篇 : 用tkinter代替pyqt5重新生成image_converter
下一篇 : 将 HTML/CSS/JS 编辑器打包为 Windows 应用程序
留言
阅读进度 0%