Electron 框架 + Vue3 + Prisma + SQLite笔记

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 
// 配置Electron + Vue + Prisma + SQLite开发环境
export default defineConfig({
  plugins: [vue()],
  // 设置环境变量
  define: {
    'process.env': process.env
  },
  // 服务器配置
  server: {
    // 是否启用HMR
    hmr: process.env.NODE_ENV === 'development'
  },
  // 构建配置
  build: {
    // 设置环境变量
    define: {
      'process.env': process.env
    },
    // 为不同的目标环境定制配置
    target: 'es2018', // 默认
    // 构建入口
    rollupOptions: {
      input: {
        main: resolve('src/main/index.ts'),
        preload: resolve('src/main/preload.ts')
      }
    }
  }
})

这个配置文件示例展示了如何为Electron应用程序设置Vite开发服务器和构建配置，同时包括了环境变量的定义和对不同目标环境的定制。在开发环境中，HMR（模块热替换）根据当前环境变量是否为开发环境来启用。在构建配置中，设置了目标环境为ES2018，并定制了构建入口文件。