可通过vite-plugin-environment插件在主进程中直接把环境变量编译为常量 vite.main.config.ts main.ts(编译前) main.ts(编译后) 应用配置 在forge.config.ts中可配置应用名称、版本号、资源是否打包等 constconfig:ForgeConfig={packagerConfig:{asar:true,appVersion:process.env.APP_VERSION,name:process.env.APP_...
结合Electron Forge、Vite和Vue 3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue 3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人...
这里直接将forge.config.js改为forge.config.cjs,再次运行npm run start,打开出现白屏 (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 wa...
背景一:Electron 官方的脚手架 Forge 目前(2022-12-10)只有 Webpack 版本的初始化模板,并没有提供 Vite 的方案。这对一些体会过 Vite 速度的用户来说是很迫切希望的! 背景二:Vite4.x 刚刚(2022-12-09)发布,从 3.x 到 4.x 的主要改变最主要的就是使用 Rollup3.x 也标志着 Vite 已经进入了成熟阶段。
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app -- --template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和...
Electron Forge文档:https://www.electronforge.io/ npminitelectron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.rend...
"scripts": {"dev":"vite","serve":"electron .","start":"concurrently \"yarn dev\" \"electron-forge start\""} 因为打包会用到Electron Forge,新增了electron-forge start命令启动 Electron,所以这里就改了 现在执行yarn start会同时启动 Vue 和 Electron ...
Electron Forge v7.3.0 已发布，此版本不再内置 Vite 版本，用户可自由升级。Vite@5 升级后，npm 下载量翻倍，可见用户反馈积极。此版本涉及三个主要的 npm 包，整体设计更加开放、透明，更符合 Vite 用户的使用习惯。吸取了之前的 issues 经验，以适应 Forge 发布节奏，定义为 Break 级别更新。相比...
// forge.config.jsmodule.exports={plugins:[{name:'@electron-forge/plugin-vite',config:{// `build` can specify multiple entry builds, which can be Main process, Preload scripts, Worker process, etc.// If you are familiar with Vite configuration, it will look really familiar.build:[{// ...
这个是electron-vite 是一个新型构建工具,旨在为Electron提供更快、更精简的开发体验。 npm i electron-vite -D npm create @quick-start/electron@latest 跟着脚手架安装完就是vue3+ts+electron的集成项目 3.>electron Forge比electron更适合vite这种配置,没有第二种集成度高 ...