本文介绍如何使用electron-builder将模板文件打包到Electron应用安装目录，并在运行时访问这些资源。通过在`package.json`的`extraResources`配置项中设置，将模板文件放入`extraResources`文件夹，打包后会出现在应用安装目录。在运行时，通过`process.cwd()`结合`path.join`获取模板文件路径，实现非联网环境下供用户使用的文件上传模板。
问题场景：
最近项目遇到一个需求，Electron应用，要在本地给客户提供一个文件上传模板，在非联网环境下，用户可通过Electron应用下载该模板，进行本地保存。
于是涉及到两个问题：
-1.如何把模板文件打包到Electron应用的安装目录中
-2.Electron应用运行时，如何访问到该文件模板资源
看了好多文章，还是没有找到一个很清晰的答案，后来摸索试验成功了，在此记录一下，希望对你有帮助，由于项目使用的是electron-builder打包器来打包的，这里主要针对electron-builder打包配置来讲解。
解决方案
下面是常用的electron-builder打包配置
package.json文件
{
"name": "demo",
"version": "0.0.1",
"build": { // electron-builder配置
"productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
"appId": "xxxxx",//包名
"copyright":"xxxx",//版权 信息
"compression": "store", // "store" | "normal"| "maximum" 打包压缩情况(store 相对较快)，store 39749kb, maximum 39186kb
最低0.47元/天 解锁文章
扫一扫
524
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
