Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在打包时加载文件,此处需要使用环境变量来切换生产和开发环境。 三. 实现 1. 环境变量 此处使用环境变量NODE_ENV来...
3.增加package.json里的设置 这里说下如果是vue3的需要改一下配置 "dist": "electron-builder --win --x64" 比如vite这样的打包 "build": { "appId": "com.xxx.app", "mac": { "target": ["dmg","zip"] }, "win": { "target": ["nsis","zip"] } }, "scripts": { "dist": "electro...
- **原因**:在开发阶段,Electron 项目通常使用 `webpack` 或 `vite` 等脚手架启动本地 HTTP 服务,支持 `history` 路由模式。但打包后,应用不再依赖 HTTP 服务,而是直接加载静态文件,此时 `history` 路由模式可能会导致页面空白。 - **解决方案**:将路由模式从 `history` 改为 `hash`。例如,在 Vue 项目...
用Vite创建一个Vue3项目,在入口文件中输出这两个对象 代码语言:javascript 复制 console.log(process)console.log(process.env) 然后用Vite编译,Electron打包编译的文件,安装并启动Electron,打开调试器, process对象的输出如下(注意process下env属性是正常的): ...
编辑器：vscode技术框架：electron31.1.0+vite5.3.1+vue3.4.29+vue-router4.4.0组件库：element-plus^2.7.6 (饿了么桌面端vue3组件库)状态管理：pinia^2.1.7存储服务：pinia-plugin-persistedstate^3.2.1打包构建：electron-builder^24.13.3electron整合vite插件：vite-plugin-electron^0.28.7 项目结构...
从项目目录结构中可以看出,electron.exe、electron.asar等文件是每个Electron应用都一样且必需的,因此我们可以优化的空间只是app.asar文件。 目前app.asar是将我们的项目整个打包,我们整个应用之所以大,原因在于node_modules文件夹特别大。因此我们要做的是我们的应用能否不打包node_modules文件夹,或者让需要打包的东西尽可...
Tauri 是 2021年 JavaScript 明星项目的最受欢迎项目中排名第5，在 stateofjs 2021 中 满意度和关注度排名第1， 由于 Vite，esbuild，swc，Rome 等工具的大火，让基于 Go、Rust 的高效率构建类工具进入爆发期，加上 Bundleless 的构建体验，让 Rust、Go 成为前端开发者的又一扇门。由于 Tauri 的 Rust 背景，...
electron-vite 是一个新型 Electron 开发构建工具,旨在为 Electron 提供更快、更精简的开发体验。 源代码保护 背景 无法保护 Electron 源代码,是很多开发者提及最多的问题之一。我们都知道 Electron 使用 javascript 来构建桌面应用程序,这使得黑客很容易对我们的应用程序进行进行解包、修改逻辑破解商业化限制、重新打包,...