[Tauri+vite+ts]关于tauri打包带自定义目录/文件的解决方案

最新推荐文章于 2025-11-16 12:48:12 发布
原创 最新推荐文章于 2025-11-16 12:48:12 发布 · 3.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vue.js

本文介绍如何在Tauri项目中配置资源文件，通过编辑`tauri.conf.json`文件指定`bundle`下的`resources`路径，实现自定义资源文件的打包。特别需要注意的是，资源文件或目录最好放置在`src-tauri`目录下，否则打包时可能会出现问题。

参考icon-default.png?t=M666https://tauri.app/v1/api/config/#bundleconfig在src-tauri中找到tauri.conf.json文件

 在bundle下找到resources，里面填写要加入的目录或者文件地址

效果：

 
 注意！！！！文件最好放在src-tauri下

不然，他会原封不动的封入你写的地址；如：

App放在src目录下：

 

 

则安装出来的文件目录如图：

 其中        "../" 对应 "_up_"

windows下Tauri2.0项目工程搭建（Vue3 + Rust）
m0_57124501的博客
12-18 1387
本文主要介绍了Tauri的项目工程搭建
基于Vite+Vue3+Electron整了一个桌面应用模板
00后|互联网💻|办公室🍵茶农，希望通过技术改变生活|爱折腾💪|收集各类📚网络资源，好物不私藏，点点关注，不迷路。 全网搜：阿宇的编程之旅 or 阿宇的宝库
10-24 4288
随着前端的更新迭代，基于js/ts开发的桌面应用框架也越来越多，从heX，electron，nwjs到tauri，Qt，以及Rn和flutter也有桌面应用业务。而今天的主角正是electron，作为一款2013年推出的桌面应用开发框架，其运行于Chromium内核以及node平台，使得开发者可以使用html+css+js进行开发，然而它的缺点也比较明显，构建时可是带上了整个Chromium。但是作为一款经典的JS桌面应用框架，咱还是得了解一二的。下面给大家分享一下近期的项目搭建心得。
Tauri的安装、启动、打包和很多用例(第一部分)
三巧的博客
02-27 1万+
Tauri的使用
tauri+vite+vue3开发环境下创建、启动运行和打包发布
qq_37312180的博客
03-05 9478
ELIFECYCLE  Command failed with exit code 1.”错误。报这个错误的原因是：第一次打包需要修改src-tauri/tauri.conf.json文件里的配置项"identifier": "com.tauri.dev",改成"identifier": "com.tauri.build",然后再运行打包命令。注意：新创建的项目，第一次打包会报 “
Tauri Controls 开源项目指南
最新发布
gitblog_00408的博客
11-16 333
本指南旨在提供关于 `tauri-controls` 开源项目的快速入门，帮助开发者理解和操作该项目。我们将详细解析其目录结构、启动文件以及配置文件，以便您能够迅速上手并进行定制。 ## 1. 项目目录结构及介绍 **目录结构概览** ```markdown tauri-controls/ ├── Cargo.lock ├── Cargo.toml - 项目构建和依赖配置文
Tauri教程-基础篇-第三节 Tauri的配置说明
追逐自己的目标，感受生活的乐趣。Elcker
01-09 2478
Tauri 是一个构建适用于所有主流桌面和移动平台的轻快二进制文件的框架。开发者们可以集成任何用于创建用户界面的可以被编译成 HTML、JavaScript 和 CSS 的前端框架，同时可以在必要时使用 Rust、Swift 和 Kotlin 等语言编写后端逻辑。
Tauri 打包
豪先生的博客
11-19 1997
2022/11/3 样式丢失解决了，在阿里巴巴图标库下载的图标最好是用svg，我是暂时用这个打包之后显示正常。然后放在路径C盘/用户/当前账户/AppData/Local/tauri/WixTools。我们需要在tauri.conf.json里面查找identifier这个名称。说下其他的，Tauri感觉确实比electron的内存占用小，好用23333。我们就单独去下载这个包，就是在图中的Downloading网址，去下载下来。这里右上角最小化按钮和关闭按钮样式丢失了，原因在查找中····。
tauri嵌入自定义目录/文件，并在代码中读取文件内容的操作流程
09-21 1895
在绑定了文件之后，可以在js中访问嵌入的文件或者在rust中读取嵌入的文件内容，详细的配置操作如下。然后就可以在代码中读取这个文件了。
基于Rust与Tauri的Windows桌面应用开发实战
`vite.config.ts` 是 Vite 的配置文件，通常会在此集成 Tauri 插件以实现前后端协同开发。 值得注意的是，项目中包含 `bun.lockb` 文件，这是 Bun 包管理器生成的锁定文件，说明该项目选择使用 Bun 替代传统的 npm ...
# ===== 第一阶段：前端构建（使用稳定 Node LTS）===== FROM node:25-alpine AS frontend-builder WORKDIR /app # 复制 package 文件并安装依赖（利用缓存） COPY package*.json ./ RUN npm ci --only=production && npm cache clean --force # 单独安装 dev deps 用于构建（避免污染生产层） RUN npm install --only=dev && npm cache clean --force # 复制源码并构建 COPY . . RUN npm run build # 清理开发依赖（减小中间层体积） RUN rm -rf node_modules && \ npm ci # 仅保留生产依赖（虽然不运行，但保持干净） # ===== 第二阶段：Tauri 构建环境（精简 Rust + Debian bookworm）===== FROM rust:1.91-slim-bookworm AS tauri-builder ENV DEBIAN_FRONTEND=noninteractive # 配置清华源（slim 镜像无 sources.list） RUN rm -f /etc/apt/sources.list && \ echo 'deb https://mirrors.tuna.tsinghua.edu.cn/debian bookworm main contrib non-free' > /etc/apt/sources.list && \ echo 'deb https://mirrors.tuna.tsinghua.edu.cn/debian-security bookworm-security main contrib non-free' >> /etc/apt/sources.list && \ echo 'deb https://mirrors.tuna.tsinghua.edu.cn/debian bookworm-updates main contrib non-free' >> /etc/apt/sources.list && \ echo 'Acquire::ForceIPv4 "true";' > /etc/apt/apt.conf.d/99force-ipv4 && \ apt-get update && \ # 只安装必要构建工具（去掉 build-essential，手动选包） apt-get install -y \ curl \ wget \ libwebkit2gtk-4.1-dev \ libappindicator3-dev \ librsvg2-dev \ patchelf \ libssl-dev \ pkg-config \ gcc \ g++ \ make \ git \ && rm -rf /var/lib/apt/lists/* # 安装 tauri-cli RUN cargo install tauri-cli WORKDIR /app # 复制前端资源 COPY --from=frontend-builder /app/dist ./dist # 复制 Tauri 配置 COPY src-tauri ./src-tauri # 设置国内镜像加速 AppRun 下载（防止超时） ENV TAURI_CLI_APPIMAGE_APPRUN_URL="https://cdn.jsdelivr.net/gh/tauri-apps/binary-releases@apprun-old/AppRun-x86_64" # 构建 Release 二进制 RUN cd src-tauri && cargo build --release # 打包为多种格式（AppImage, deb, rpm 等） RUN cd src-tauri && cargo tauri bundle --bundles appimage,deb,rpm # ===== 第三阶段：产物提取（不是运行！而是导出构建结果）===== FROM scratch AS exporter # 导出所有生成的发布包 COPY --from=tauri-builder /app/src-tauri/target/release/bundle/appimage/*.AppImage /artifacts/ COPY --from=tauri-builder /app/src-tauri/target/release/bundle/deb/*.deb /artifacts/ COPY --from=tauri-builder /app/src-tauri/target/release/bundle/rpm/*.rpm /artifacts/ CMD ["echo", "Build completed. Bundles are in src-tauri/target/release/bundle/"] # 其他平台可加：msi (Windows), dmg (macOS) —— 需交叉编译支持 给我完整代码
11-03
你已经写了一个非常完整、结构清晰的多阶段 `Dockerfile`，用于构建 Tauri 应用并打包为 AppImage、deb、rpm 等格式。但目前最后一阶段是 `FROM scratch` 且使用 `CMD` 提示信息，并不能直接获取文件。 --- ## ✅ ...
基于Rust与Tauri的Windows桌面应用开发资源
从文件结构来看，项目具备完整的现代前端工程化配置，同时融合了后端逻辑处理能力，形成了一套完整的全栈式桌面应用解决方案。 首先，“ZeroLaunch”这一名称暗示了该项目可能专注于快速启动或极简设计的应用场景，...
Tauri 一些配置
三季雨
02-02 1492
创建一个WixTools文件夹，然后将下载下来的安装包加压到这个文件下，记住解压后，删除安装包。接下来再运行刚才的打包命令即可。在C盘找到 Tauri文件夹，一般在。下新建 config文件 无后缀。，没有就新建 tauri文件夹。
创建 Tauri + Vue + Typescript + Vite + Less 应用
niuiic的博客
06-04 2473
项目创建流程 直接上代码 app_init.sh $templatePath=xxx echo "What's your app's name?" read appName yarn create @vitejs/app $appName --template vue-ts cd $appName yarn set version berry cp "$templatePath/tauri/yarnrc.yml" .yarnrc.yml yarn install yarn add less -D yarn
【vite】配置vite打包入口
热门推荐
夜雨Gecer的博客
07-26 3万+
项目目录 vite的配置都在根目录下面的vite.config.ts里面，在没有对其进行打包配置时，默认的打包的入口就是根目录的【index.html】。这时候我们直接运行 npm run build就会打包相应的文件： （ps：为什么默认是.html文件那？因为vue是单页面应用也就是最后打包的html只有一个。vite也提供多入口，但我不再本文继续描述了） 但是如果我们的目录结构改变了 ，比如： 在此时打包就会报错： Could not resolve entry modu...
【tauri】tauri的启动、运行与打包
飘逸者打瞌睡
06-29 3313
tauri 启动运行打包
Tauri教程-进阶篇-第五节 嵌入外部资源
追逐自己的目标，感受生活的乐趣。Elcker
01-18 1345
在项目的开发中，我们可能会碰到使用项目外资源的情况，这种情况下在Tauri中是如何实现的，又有哪些注意事项，下面我们带着疑问开始本章的学习。
从零开始的 Tauri 开发 & 打包成 exe 【Windows 平台】
Lovely Ruby 的手账
02-03 1万+
我翻了翻网上很多教程，并没有很全面的Windows下安装使用Tauri的笔记，鉴于之前踩过了很多坑，所以来写一篇笔记，希望需要的伙伴能够用Tauri顺利开发打包RustTauriexe。
语音合成总出错？ts-tauri 免费功能实测 3 步搞定文字转语音 ts-tauri、ts-tauri 使用、免费文字转语音软件、Windows 开源软件、语音合成工具
inmK1的博客
09-25 413
ts-tauri 是基于 Tauri 框架开发的开源文字转语音工具，核心功能包括文本配音和字幕文件生成，适用于 Windows 10/11 系统。导出路径默认：首次使用时需手动指定保存目录，否则文件可能导出至系统临时文件夹，需在设置中调整默认路径。：输入文本后选择语音引擎，实时预览发音效果，支持微软内置语音接口，10 秒内完成音频导出。：体积小于 5 MB，提供安装版和便携版，无使用次数或字数限制，符合开发者效率工具标准。，绿色单文件设计，Win10/11 64 位系统即开即用，无广告零残留。
rust react tauri app 现有前端项目打包(windows)
小Y的博客
04-05 4029
现有前端项目打包 环境配置 nodejs及相应包管理器（npm或yarn） rust 开发环境 WebView2 安装 下载地址https://developer.microsoft.com/en-us/microsoft-edge/webview2/#download-section（注:windows11系统已预装WebView2 可不用安装） 已存在前端项目 项目初始化 首先进入已经写好的前端项目（my-app-tauri） cmd打开命令行安装Tauri CLI 依赖 yarn add -D
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值