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

一、背景

上一篇博客已经成功搭建了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必须显式指定。
这个属性,是否可以是数组,是不行的默认只能设置一个预加载文件

posted @ 2024-11-15 15:02  lovefoolself  阅读(134)  评论(0)    收藏  举报