vite项目配置electron 打包,基于打包完成的dist文件 1、安装electron插件 1 yarn add --dev electronyarn add -D electron-builder 2、修改vite.config.js/vite.config.ts base 指向dist 1 base:'./' 3、增加electron的配置文件 electron\electron.js
// 导出 Vite 插件函数exportconst viteElectronBuild = (): Plugin => {return{ // 插件名称 name:'vite-electron-build', // closeBundle 是 Vite 的一个插件钩子函数,用于在 Vite 构建完成后执行一些自定义逻辑。closeBundle() { // 定义初始化 Electron 的函数 const initElectron = () => { // ...
(node:78116) electron: Failed to load URL: file:///D:/webPro/yunfeng/electron-vite-project/dist/index.html with error: ERR_FILE_NOT_FOUND (Use `electron --trace-warnings ...` to show where the warning was created) 这里是由于项目前端部分没有打包,打包文件未读取到,这里改造一下命令 "scri...
在项目根目录下运行以下命令来打包Electron应用程序: bash npm run electron:build 打包完成后,你可以在dist_electron目录中找到生成的可执行文件(例如MyElectronApp Setup.exe)。 注意事项 确保Vite和Electron的版本兼容。 在打包前,请确保Vite项目已经成功构建(运行npm run build)。 如果遇到任何问题,请检查配置和代...
尽管使用了"内置电池 - batteries-included"的Electron forge进行打包,依然出现了不少问题并花费大量时间处理,特此记录以便后续查阅。 初始环境 使用了Electron官方推荐的Electron Forge创建项目环境(Vite+Ts)模板 npm init electron-app@latest my-new-app---template=vite-typescript 创建...
这篇文章主要记录一下Electron结合前端框架Vue + Vite的应用,整合三者框架并实现一键打包 目录结构 Vue 源码依旧放在src Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 ...
执行npm rum electron:build 打包以下错误,在指定路径找不到文件~在我打包的时候生成了 dist-electron 这个文件但是没有在指定路径下生成 ⨯ Application entry file "dist-electron\index.js" in the "D:\vue_project\demo\vite-pro\release\resources\win-unpacked\resources\app.asar" does not exist. Seems...
最近开发了一个项目,头一回使用electron,很多写代码的习惯都还是原来的。有个功能是切换菜单,UI是要按钮变色,本来想用icon应付一下,但是又不想去收集icon,就用了...
✔ Add TypeScript?… No/Yes//这个可能是是否需要程序热更新功能✔ Add Electron updater plugin?… No/Yes//强烈推荐这个选yes,不能build会有问题✔ Enable Electron download mirror proxy?… No/Yes//初始化npm install//运行npm run dev//打包成发布版npm run build:win ...