PakePlus开源神器:网页秒变5MB轻量级跨平台应用

还在为给客户交付网页项目头疼?想不想把 Vue、React 甚至普通 HTML 文件,直接打包成独立的桌面或手机 App?

今天推荐一个 GitHub 开源项目 PakePlus。它基于 Tauri 2 构建,主打“云端打包”,无需本地安装复杂的 Rust 或 Node.js 环境,只需一个 GitHub Token,利用 GitHub Actions 自动完成编译。最终生成的安装包体积小于 5MB,比 Electron 应用小约 20 倍。

为什么选择 PakePlus?

说白了,就是为了“快”和“轻”。

  • 极致轻量:成品小于 5MB,启动速度秒开,不占内存。
  • 零门槛打包:不用折腾本地环境,云端搞定全平台(Mac/Win/Linux/Android/iOS)。
  • 功能增强:支持注入自定义 JavaScript,可以隐藏广告、屏蔽爬虫,甚至调用系统 API。这点我觉得挺牛,以前还得写原生插件,现在注入 JS 就能搞定的事多了去了。

对于开发者而言,这意味着你可以把内部工具、Cocos 游戏、Unity 项目,快速封装成专属客户端,无需购买服务器分发。

核心技术栈解析

想了解它是怎么做到的?看下表:

层级 技术选型
底层核心 Tauri 2 + Rust(负责系统 API、窗口管理、WebView 渲染)
前端界面 Vue 3 + TypeScript + Vite(可视化配置、交互逻辑)
UI 组件 TailwindCSS + Naive UI(响应式现代化界面)
云端工作流 GitHub Actions(自动化全平台编译、图标生成、安装包构建)
移动端 Android (Kotlin) / iOS (Swift) 原生 WebView 封装

这里用了 pnpm 管理前端依赖,cargo 管理 Rust 依赖,确保包体积可控。是不是比传统流程清爽多了?

本地开发环境搭建

如果你只是用,直接去 GitHub 下包就行。但如果想二次开发,本地环境是这样准备的:

依赖要求:Node.js 18+、Rust 1.63+、pnpm。

curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
rustup target add wasm32-unknown-unknown
npm install -g pnpm

拉取代码并安装依赖:

git clone https://github.com/Sjj1024/PakePlus.git
cd PakePlus
pnpm install
pnpm add -D @tauri-apps/cli

启动开发模式(带热重载):

pnpm run tauri:dev

构建生产包:

pnpm run build
pnpm run tauri:build

构建产物位于 src-tauri/target/release/bundle 目录。跑完这步,你就有安装包了。

常见问题 FAQ

PakePlus 支持哪些操作系统?

支持 Mac、Windows、Linux、Android 和 iOS 全平台。

必须本地安装 Rust 才能打包吗?

不需要。PakePlus 核心卖点是利用 GitHub Actions 在云端自动编译,本地仅需 Node.js 环境即可运行开发模式,或直接使用云端打包服务。这真的有用吗?我觉得对前端同学特别友好,不用配 Rust 环境了。

最终生成的安装包有多大?

通常小于 5MB,远小于基于 Electron 的传统打包方案。


项目地址:GitHub 仓库