使用vite.chonfig.ts文件复制一份名为vite.config.electron.ts的electron专属配置文件。 删除vite.chonfig.ts中的vite-plugin-electron插件,恢复初始化的样子。 在package.json文件添加命令"electron:dev": "chcp 65001 && vite --config vite.config.electron.ts" chcp 65001:解决控制台中文乱码问题。 vite --conf...
Electron 的 Preload 构建目标同样是 NodeJs 这与 Main 一致,所以只需要基于 vite.main.ts 修改下入口即可。 在根目录下新建vite.preload.ts添加构建配置代码。 // vite.preload.ts export default { build: {- outDir: 'dist/main',+ outDir: 'dist/preload',lib: {- entry: 'electron/main.ts',+ en...
7cf9deb electron-renderer.js -> plugins/use-node.js/electron-renderer.js 7d537d5 docs: v0.5.0 2966399 refactor: standalone plugins ac356f2 feat:vite-plugin-electron-renderer:use-node.js 9798acd feat:vite-plugin-electron-renderer:polyfill-exports 0948df9 feat:vite-plugin-electron-renderer:buil...
转换process.env.NODE_ENV。 // 这里导入 vue 模块需要使用全局的 CDN 链接,而不是 npm 安装的 vue 模块// 通过 CDN 引入的 vue.js 会在 window 挂载一个 Vue 属性// 我们需要实现一个插件,使 import 语句能正确的导入 CDN 链接引入的 window.Vueimport{createApp}from'vue'importAppfrom'./App.vue'//...
开发新版本 Vue 项目推荐你使用 Vite 脚手架构建开发环境,然而 Vite 脚手架更倾向于构建纯 Web 页面,而不是桌面应用,因此开发者要做很多额外的配置和开发工作才能把 Electron 引入到 Vue 项目中,这也是很多开发者都基于开源工具来构建 Electron+Vue 的开发环境的原因。
import{build,startup}from'vite-plugin-electron'constisDev=process.env.NODE_ENV==='development'constisProd=process.env.NODE_ENV==='production'build({entry:'electron/main.ts',vite:{mode:process.env.NODE_ENV,build:{minify:isProd,watch:isDev?{}:null,},plugins:[{name:'plugin-start-electron',...
vite,plugin,electron,renderer readme vite-plugin-electron English| 简体中文 感谢@ggdream老师提供vite-plugin-electron的 npm 包名 ️ 如果这个项目有帮到了你,作者很希望你能请客来一份下午茶 ٩(๑>◡<๑)۶ 需要留神 🚨 默认情况下,electron文件夹下的文件将会被构建到dist-electron ...
上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能,现在是时候来看看怎么完成最后一步——打包了。 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-...
首先安装electron至vite应用。目前electron的版本为^15.1.2,。 yarnadd--dev electron AI代码助手复制代码 3. 配置文件 1)vite.config.js import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'// 新增// https://vitejs.dev/config/exportdefaultdefineConfig({base: path.re...
vite-plugin-electron/dist/simple.mjs Version: 6.25 kBJavaScriptView Raw 1importfsfrom"node:fs"; 2importpathfrom"node:path"; 3import{ mergeConfig }from"vite"; 4importelectronfrom"./index.mjs"; 5import"node:child_process"; 6import"node:module"; ...