{name:'vite:watch-package-data',buildStart:[Function:buildStart],buildEnd:[Function:buildEnd],watchChange:[Function:watchChange],handleHotUpdate:[Function:handleHotUpdate]},{name:'vite:pre-alias',resolveId:[AsyncFunction:resolveId]},{name:'alias',buildStart:[AsyncFunction:buildStart]...
vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"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:...
# clone the project git clone https://github.com/electron-vite/electron-vite-vue.git # enter the project directory cd electron-vite-vue # install dependency npm install # develop npm run dev 2 配置router 这里使用vue-router # 安装 npm install vue-router@4 然后src目录下创建ro...
"electron:dev": "concurrently -k \"cross-env BROWSER=none yarn dev\" \"yarn electron\"":使用concurrently同时执行两个命令; cross-env BROWSER=none yarn dev:启动 Vite 开发服务器,并禁止在浏览器中打开应用程序; yarn electron:启动 Electron 应用程序; "app:build": "yarn build:for:electron && yar...
electron-vite是一个与Vite集成的Electron构建工具。开发者无需过多关注配置,无论选择哪种前端框架都能轻松完成构建,提高 Electron 的开发构建效率。 特性 ⚡️使用方式与 Vite 相同 🔨主进程/渲染进程/preload脚本都使用 Vite 构建 📃统一所有配置,合并到一个文件中 ...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...
我们希望npm run dev的时候直接把electron也启动起来而不是开两个启动一次vite再启动一次electron 第一步我们需要先建立一个文件夹 在根目录创建一个plugins编写vite插件帮我们启动electron plugins vite.electron.dev.ts //编写electron开发模式 vite.electron.build.ts //打包electron项目 ...
二、vite按需引入插件 npm install -D unplugin-vue-components unplugin-auto-import unplugin-vue-components是一个用于Vue.js的插件,它允许你导入Vue组件,而不需要在你的代码中显式地导入它们。这个插件可以让你按需导入组件,从而减少初始加载大小。
上面的那种方式是直接加载localhost:5173,加载的是网页,可认为是处于开发者模式,如果想加载文件,需要进行以下配置 main.js改为加载文件的方式 更改vite.config.ts // vite.config.tsimport{ defineConfig }from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'// 新增// https://vitejs.dev/conf...