"type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:dev":"chcp 65001&&vite --config vite.config.electron.ts"},"dependencies": {"vue":"^3.3.4"},"devDependencies": {"@vitejs/plugin-vue":"^4.2.3...
可通过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_...
插件的功能是拦截 import electron from 'electron' 并返回正确的 ESM 格式代码,我们先创建好 electron.js 模板代码;然后使用 resolve.alias 对其进行拦截 import { resolve } from 'path' import { writeFileSync } from 'fs' export default { plugins: [{ name: 'vite-plugin-electron/renderer', config(co...
1. 安装包 除项目本身的包(npm install),还需加如下3个包 npm add electron vite-plugin-electron electron-builder -D 2. 打包配置 1)创建electron入口,根目录新建electron/main.js,默认配置如下 import{app,BrowserWindow}from'electron';importpathfrom'path'constcreatedWindow=()=>{constwin=newBrowserWindow({...
{ "scripts": { "dev": "vite", "build": "vite build", "electron:serve": "vite-plugin-electron-builder serve", "electron:build": "vite-plugin-electron-builder build" } } 5. 执行打包命令生成可执行文件 现在,你可以使用以下命令来打包你的Electron+Vite应用程序: bash npm run electron:build...
简而言之,vite-plugin-electron-renderer职责是填充 Electron, Node.js 内置模块。 English| 简体中文 原理 加载Electron、Node.js CJS 包/内置模块/electron (示意图) ┏———┓ ┏———┓ │import{ ipcRenderer }from'electron'│ │ Vite dev server │ ┗———┛ ┗———┛ │ │ │1.Pre-Bundli...
, "electron:serve": "concurrently -k \"yarn dev\" \"yarn electron\"", "electron:build": "vite build && electron-builder" }, "dependencies": { "vue": "^3.2.16" }, "devDependencies": { "@vitejs/plugin-vue": "^1.9.3", "concurrently": "^6.3.0", "cross-env": "^7.0.3", ...
一. 简介 上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能,现在是时候来看看怎么完成最后一步——打包了。 源码:https://github.com/Kuari/Blog/tree/master/Examples/vite_electron/vite_electron_3 系列文章:
vue3作为国内主流开发框架,而vite又是vue团队推荐打包工具,在大多数的项目中都是部署在服务器上,通过http://协议访问ip、域名,但是在一些混合式开发如android或者electron中需要提供的html页面,然后使用file://协议访问。在这样的背景下就需要我们使用vite打包vue3项目支持file://协议访问。通过查找相关资料实现逻辑主要...