已有的前端项目打包到tauri运行(windows)

1.打包前端项目产生静态html、css、js

我们接下来用vue3 + vite编写一个番茄钟案例来演示。

我们执行npm run build 命令产生的dist目录下的静态文件。

2.创建tarui项目

npm create tauri-app@latest

一路回车，直到出现。

3.启动运行

我们将打包产生的dist目录下的静态文件拷贝到这个src目录下面。

执行：

# 下载依赖
npm i
# 启动开发服务器
npm run tauri dev

之后就会弹出一个窗口运行。

执行：

# 将项目打包成exe
npm run build

会在./src-tauri/target/release 产生exe可执行文件。可以直接点击运行。