electron-vite

• electron-vite文档

• 基于vite集成的electron构建工具

使用

bash

npm i electron-vite -D

热更新/热重载

有两种启用方式：

1. 使用 CLI 选项 -w 或 --watch，例如 electron-vite dev --watch。这是首选方式，它更加灵活。
2. 使用配置项 build.watch 并设为 {}。此外，还可以配置更多的 watcher 选项，见 WatcherOptions。

资源处理

resources 文件夹是用来存放 Electron 应用程序所需资源文件的文件夹

• 对于静态资料的处理，electron-vite规定了存放在resources文件夹中
• 当使用 Electron-Vite 运行或打包你的应用程序时，它会将 resources 文件夹中的文件复制到最终生成的应用程序中

打包

vue

使用jsx语法

• 1、安装jsx支持插件

jsx

npm install @vue/babel-plugin-jsx @vitejs/plugin-vue-jsx -D

• 2、配置vite

js

import vueJsx from '@vitejs/plugin-vue-jsx'
export default defineConfig({
  ...
    plugins: [
              vue(),
              vueJsx()
             ],
    ...
})