"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...
答案当然是有的,作为electron与vite整合开源方案中最火的项目:vite-plugin-electron。本文将基于这个项目的实现思路,详细记录如何编写vite插件并在最终手写一个vite插件,实现用vite的方式开发electron应用这么一个小目标。 阅读本文前你需要对vite有一个基本的认识,否则你将对一些内容感到一头雾水。如果你对vite的插件开...
npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
vite:{mode:process.env.NODE_ENV,build:{minify:isProd,watch:isDev?{}:null,},plugins:[{name:'plugin-start-electron',closeBundle(){if(isDev){// Startup Electron Appstartup()}},}],},})
vite-plugin-electron-renderer 简而言之,vite-plugin-electron-renderer职责是填充 Electron, Node.js 内置模块。 English| 简体中文 原理 加载Electron、Node.js CJS 包/内置模块/electron (示意图) ┏———┓ ┏———┓ │import{ ipcRenderer }from'electron'│ │ Vite dev server │ ┗———┛ ┗——...
vite-plugin-electron一个使用electron-builder构建electron应用程序的vite插件 仅需少量配置,即可快速整合vite electron开发环境。 特性默认支持模块热替换(方便开发) 默认支持打包静态资源(图片,视频等) 支持.node模块打包 渲染进程支持node模块安装npm i --save-dev @xyh19/vite-plugin-electron # or yarn add -...
https://github.com/electron-vite/vite-plugin-electron 新建主进程文件 在项目根目录新建background.js文件,编写主进程代码。 const { app, BrowserWindow } = require('electron') const {join} = require('path')//屏蔽安全警告//ectron Security Warning (Insecure Content-Security-Policy)process.env['ELECT...
vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.js文件 用来写主进程代码 const{app,BrowserWindow}=require('electron');constpath=require('path');process.env['ELECTRON_DISABLE_SECURITY_WARNINGS...
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"; ...
electron-main:主进程目录。 electron-preload:预加载代码目录,主要是定义桥接通信。 其他文件:也就是 vue 初始化后的目录。 目录结构这么设计的原因是因为我们使用的 vite-plugin-electron 插件需要使用这样的目录结构,目前还没有提供设置修改。 初始化项目目录 ...