// 指向渲染进程目录 base: './', // index.html 中静态资源加载位置;如 src="./index.js" build: { outDir: '../../dist/renderer', assetsDir: '', // 这个要格外小心,使用默认的 assets 会导致在 Electron 打包后基于 file:// 加载文件失败 rollupOptions: { output: { format: 'cjs', //...
Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。 Electron将Chromium和Node.js嵌入到应用中,因此可以使用他们的特性,并天然的拥有跨平台的特性。 electron技术的核心概念 electron使用的是多进程架构,分为主进程和渲染进程。 主进程 主进程在Node.js环境中运行,这意味着它具有require模块和使用所有Node....
{"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","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"},"depe...
删除:“type”:“module” 添加:"dev": "concurrently "electron ." "cross-env BROWSER=none vite"" 更改:“dev”:“vite” ——> "start": "vite", {"name":"my-electron","private":true,"version":"0.0.0","main":"main.js","scripts":{"start":"vite","build":"tsc && vite build","...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
3、安装electron npm install electron --save-dev 4、配置package.json "main": "main.js","scripts": {"dev": "vite","start": "electron ."} 5、创建文件 main.js主进程文件 preload.js预加载脚本文件 6、启动vue项目和electron项目 npm run dev ...
在Electron 中开启 node 集成,可全程基于 cjs 模块化标准编写代码,尽管不需要编译构建,但不利于利用现代前端框架,还会面临严重的性能和安全问题 基于esm 标准不编译构建,尽管 node 本身已支持,但 Electron 并不支持,这也是 Electron 后续版本的一项工作 electron-vite 是什么 ...
谈Vite在Electron环境下吃花卷拉馒头的现象 缘起 在Electron的渲染进程中(也就是页面代码中), 我们常常使用process.env来携带一些环境变量, 比如HTTP服务地址的基质,本地静态资源的路径等 这样做主要有两个目的 一个是方便开发者写多个配置环境变量的文件,区分生产环境、测试环境和开发环境...
Electron——使用 JavaScript 构建跨平台桌面应用程序的最流行的框架之一。许多流行的应用程序都在使用 Electron,例如 VS Code、Slack、Twitch 等等。 但是Electron 给我们提供的官方入门,指南并不符合我们现在的 前端开发技术栈,只是一个简单的demo ,html 页面让我们入门变得非常困难。
Electron13:Electron是一种使用Web技术(HTML、CSS和JavaScript)构建跨平台桌面应用的框架。我们选择Electron13作为项目的跨端框架,因为它可以让我们使用熟悉的Web技术来构建桌面应用,并且具有良好的性能和兼容性。 Element-Plus:Element-Plus是一套基于Vue 3.0的桌面端组件库。我们选择Element-Plus作为项目的UI组件库,因为...