electron: Fix build code for vite-plugin-electron to activate HMR

bluerobotics · Oct 9, 2024 · b1dc119 · b1dc119
1 parent b3ec6b1
commit b1dc119
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,7 @@ coverage/
 dist/
 node_modules/
 dev-dist/
+dist-electron/
 
 cypress/fixtures/
 cypress/videos/

diff --git a/electron/main.ts b/electron/main.ts
@@ -29,7 +29,11 @@ function createWindow(): void {
     mainWindow?.webContents.send('main-process-message', new Date().toLocaleString())
   })
 
-  mainWindow.loadFile(join(ROOT_PATH.dist, 'index.html'))
+  if (process.env.VITE_DEV_SERVER_URL) {
+    mainWindow.loadURL(process.env.VITE_DEV_SERVER_URL)
+  } else {
+    mainWindow.loadFile(join(ROOT_PATH.dist, 'index.html'))
+  }
 }
 
 app.on('window-all-closed', () => {

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "cockpit",
   "version": "0.0.0",
   "private": true,
-  "main": "dist/electron/main.js",
+  "main": "dist-electron/main.js",
   "description": "An intuitive and customizable cross-platform ground control station for remote vehicles of all types.",
   "scripts": {
     "build": "vite build",

diff --git a/vite.config.ts b/vite.config.ts
@@ -9,10 +9,8 @@ const path = require('path') // eslint-disable-line @typescript-eslint/no-var-re
 export default defineConfig({
   plugins: [
     electron({
-      main: {
-        entry: 'electron/main.ts',
-      },
-    }).filter((configuration) => configuration.apply === 'build'),
+      entry: 'electron/main.ts',
+    }),
     vue(),
     vuetify({
       autoImport: true,