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
npm init electron-app@latest my-new-app---template=vite-typescript 创建完成后会得到初始目录 初始目录 之后可根据vite规范创建其他目录/文件,比如/public、.env等 完整目录 多页配置 如要配置多HTML页面可在vite.renderer.config.ts文件中添加,具体内容可参考vite相关文档 多页打包配置 默认情况下,vite会对静态...
在项目根目录下运行以下命令来打包Electron应用程序: bash npm run electron:build 打包完成后,你可以在dist_electron目录中找到生成的可执行文件(例如MyElectronApp Setup.exe)。 注意事项 确保Vite和Electron的版本兼容。 在打包前,请确保Vite项目已经成功构建(运行npm run build)。 如果遇到任何问题,请检查配置和代...
electron-vite打包踩坑记录 1,静态资源存放路径 要在src下的renderer目录下新建public, 其他新建文件夹也都放在第一层的src下和renderer同级 2,引用静态资源的路径 引用路径要引用out文件夹下的路径, out是打包前 和 本地开发的资源路径, 会把public下面的打包过来 3,打包后,mac 下无法识别 shell 命令 报错提示bi...
electron-builder: electron打包库 yarn add -D cross-env electron-builder 更新后的scripts如下: { "dev": "vite", "build": "vite build", "serve": "vite preview", "electron": "wait-on tcp:3000 && cross-env NODE_ENV=development electron .", // 此处需要设置环境变量以保证开发时加载url "...
这篇文章主要记录一下Electron结合前端框架Vue + Vite的应用,整合三者框架并实现一键打包 目录结构 Vue 源码依旧放在src Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 ...
报错 解决方案:配置错误,需要包含所加载的js文件 更改配置 package.json文件中build下files配置,更改为如下: "files": [ "controller", "preload", "dist/**/*", "electron/**/*" ],
一. 简介 上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能,现在是时候来看看怎么完成最后一步——打包了。 源码:https://github.com/Kuari/Blog/tree/master/Examples/vite_electron/vite_electron_3 系列文章:
3.需要你 npm run build 先打包一遍生成 dist 4.在 dist 1.在项目里面 会有index.html 所以不用自己生成 2.pageage.json (也别自己建 看下文) 3.只需要建main.js 文件配置 1. npm install electron electron -v 检查下版本 是否下载成功 先下载这一步 这样就会自动帮你生成 package.json 然后你再去jso...