首页 > 其他分享 >Electron框架使用vue开发跨平台桌面工具应用-项目打包

Electron框架使用vue开发跨平台桌面工具应用-项目打包

时间:2024-11-15 14:59:00浏览次数:1  
标签:preload npm vue electron Electron 跨平台 js 打包

一、背景

上一篇博客已经成功搭建了vue + electron + webpack的项目主框架,进而用layui写了一个demo页面,访问mysql数据,但是居然会加载不到preload.js.npm run electron:serve 和npm run electron:build都不行。

二、研究思路

1.我已经在预加载那边增加了语句
image
那么我判断,是先编译然后运行的,那就是打包那边需要配置,需要把preload.js打包到资源文件里面
2.打包vue3.0需要再vue.config.js里面。我查询electronBuilder 这个插件,发现有一个preload属性,所以在打包那边增加了这个属性
image

问题得到了解决

三、问题思考

然后我运行 npm run electron:serve 发现脚手架是先把相关文件复制到 electron_dist下面然后,运行的。其中预加载的preload.js必须显式指定。
这个属性,是否可以是数组,写成 preload:["地址1"],经过测试可以。

标签:preload,npm,vue,electron,Electron,跨平台,js,打包
From: https://www.cnblogs.com/lovefoolself/p/18548002

相关文章

  • vue 实现电子签名 vue-signature-pad
    vue-signature-padpc电子签名实例下载依赖//Vue2项目:安装vue-signature-pad的2.0.5版本。[email protected]//Vue3项目:安装最新版本的vue-signature-pad。npminstall--savevue-signature-pad全局引入vue3实例//main.jsim......
  • SpringBoot+Vue3实现数据可视化大屏
    前端工程的地址:UserManagerFront:数据可视化前端(gitee.com)效果展示,可以展现出来了,样式可能还有一些丑。后端代码后端主要是拿到数据并对数据进行处理,按照前端需要的格式进行返回即可。importcom.njitzx.entity.Student;importcom.njitzx.entity.vo.*;import......
  • ssm118亿互游在线平台设计与开发+vue(论文+源码)_kaic
    毕业设计(论文)  亿互游在线平台的设计与开发学生姓名   XXX                        学    号   XXXXXXXX          分院名称   XXXXXXXX          专业班级   XXXXX   ......
  • 基于springboot+vue实现的摄影师分享交流社区 (源码+L文+ppt)4-094
      3.1系统功能结构3.2.2数据逻辑结构(共13张表)在综合了以上对系统的设计,和对数据库的分析,同时结合了以往对数据库的使用经验后,构建了以下几张表,以下为每张表的内容:表3-1:用户字段名称类型长度字段说明主键默认值idbigint主键  主键addtimeti......
  • 基于springboot+vue实现的人事管理系统 (源码+L文+ppt)4-084
      摘 要人事管理系统是企业用以维护员工信息、管理人力资源活动和优化组织效能的关键工具。该系统具备多项功能,包括员工信息管理、部门协调、培训安排、职位调整、考勤追踪、请假审批、奖惩记录、工资发放以及员工积分管理等。管理员端提供全面控制,允许系统管理员执行从......
  • 基于springboot+vue实现的摄影师分享交流社区 (源码+L文+ppt)4-094
      3.1系统功能结构3.2.2数据逻辑结构(共13张表)在综合了以上对系统的设计,和对数据库的分析,同时结合了以往对数据库的使用经验后,构建了以下几张表,以下为每张表的内容:表3-1:用户字段名称类型长度字段说明主键默认值idbigint主键  主键addtimeti......
  • 基于springboot+vue实现的人事管理系统 (源码+L文+ppt)4-084
      摘 要人事管理系统是企业用以维护员工信息、管理人力资源活动和优化组织效能的关键工具。该系统具备多项功能,包括员工信息管理、部门协调、培训安排、职位调整、考勤追踪、请假审批、奖惩记录、工资发放以及员工积分管理等。管理员端提供全面控制,允许系统管理员执行从......
  • 基于springboot+vue实现的摄影师分享交流社区 (源码+L文+ppt)4-094
      3.1系统功能结构3.2.2数据逻辑结构(共13张表)在综合了以上对系统的设计,和对数据库的分析,同时结合了以往对数据库的使用经验后,构建了以下几张表,以下为每张表的内容:表3-1:用户字段名称类型长度字段说明主键默认值idbigint主键  主键addtimeti......
  • 基于springboot+vue实现的大型超市数据处理系统 (源码+L文+ppt)4-015
      第4章 系统设计本章主要讲述的是大型超市数据处理系统的设计开发结构,简单介绍了开发流程与数据库设计的原则以及数据表的关系结构图,并且详细的展示了数据表的内部结构信息与属性。图4-2大型超市数据处理系统总体结构图4.4 数据表信息(共18张表)在关系数据E-R图中,......
  • 基于springboot+vue实现的高校电子图书馆的大数据平台 (源码+L文+ppt)4-013
      4.1系统结构设计这些功能可以充分满足高校电子图书馆的大数据平台的需求。此系统功能较为全面如下图系统功能结构如图4-1所示。图4-1功能结构图4.3.2 数据库表结构(共15张表)本论文中的高校电子图书馆的大数据平台采用MySQL数据库,系统中的所有对象以及对象的所有属性......