如果要把前端代码或者网页应用打包为桌面端应用，你会怎么做？用Electron？本文将教你使用Pake一行命令便能打包你的网页应用。
Pake 是一个基于 Rust 语言和 Tauri 框架的桌面应用打包工具，它能够帮助开发者将前端技术（如HTML、CSS、JavaScript）与 Rust 后端代码结合，轻松打包成高性能、轻量级的跨平台桌面应用程序。
特征
- 🎐 相比传统的 Electron 套壳打包，要小将近 20 倍，5M 上下。
- 🚀 Pake 的底层使用的 Rust Tauri 框架，性能体验较 JS 框架要轻快不少，内存小很多。
- 📦 不是单纯打包，实现了快捷键的透传、沉浸式的窗口、拖动、样式改写、去广告、产品的极简风格定制。
- 👻 只是一个很简单的小玩具，用 Tauri 替代之前套壳网页打包的老思路，其实 PWA 也很好。
环境要求
- Node.js v18及以上版本
- Microsoft Visual Studio C++ 生成工具
- WebView2 （ Windows 10 1803版本及以上和 Windows 11 已内置）
- Rust
安装
-
全局安装
pake-cli脚手架# 注意node版本 >= 18 npm install pake-cli -g -
安装
Microsoft Visual Studio C++ 生成工具, 如果已安装跳过此步骤 -
安装
WebView2, 如果已安装跳过此步骤安装包下载(常青引导程序)
-
安装
Rust, 如果已安装跳过此步骤下载完成后,运行
.exe,根据情况输出对应序号安装。
安装完成后，可以在终端输入
rustup --version来确认安装是否成功。
打包
以上环境安装完成之后，便可以在终端中使用pake-cli命令打包了。
命令语法: pake [url] [options]
打包网页应用示例:
pake https://weread.qq.com --transparent
打包静态网页示例:
pake ./index.html --name AppName
指定应用程序的图标示例:
pake ./index.html --name AppName --icon ./appIcon.ico
指定应用程序宽高示例:
pake ./index.html --name AppName --icon ./appIcon.ico --width 1920 --height 1080
更多的打包参数参考Pake命令行打包。
如果你觉得安装环境太麻烦，Pake还可以在线编译，参考下面链接。
最后附上打包成功的截图:
