使用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...
转换process.env.NODE_ENV。 // 这里导入 vue 模块需要使用全局的 CDN 链接,而不是 npm 安装的 vue 模块// 通过 CDN 引入的 vue.js 会在 window 挂载一个 Vue 属性// 我们需要实现一个插件,使 import 语句能正确的导入 CDN 链接引入的 window.Vueimport{createApp}from'vue'importAppfrom'./App.vue'//...
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...
首先安装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...
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 一个使用electron-builder构建electron应用程序的vite插件 仅需少量配置,即可快速整合vite electron开发环境。 特性 默认支持模块热替换(方便开发) 默认支持打包静态资源(图片,视频等) 支持.node模块打包 渲染进程支持node模块 安装 npm i --save-dev @xyh19/vite-plugin-electron# oryarn add -...
首先我们修改一下主进程的代码,打开渲染进程的一些开关,允许渲染进程使用 Node.js 的内置模块,如下代码所示: 代码语言:javascript 复制 // src\main\mainEntry.tsimport{app,BrowserWindow}from"electron";process.env.ELECTRON_DISABLE_SECURITY_WARNINGS="true";letmainWindow:BrowserWindow;app.whenReady().then(()=...
electron: ^23.2.1 二、过程 1. 搭建vite+vue-ts的项目 yarn create vite@ vuets_electron--templatevue-ts cd./vuets_electron yarn install && yarn dev 2. 接入electron 为了保证electron能够正常安装,在vuets_electron的根目录下创建.npmrc, 设置一下electron的镜像源 ...
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"; ...