✨ feat(build): 完善打包

.gitignore

@@ -3,6 +3,8 @@ node_modules
 dist
 dist-ssr
 *.local
+dist_electron
 
 pnpm-lock.yaml
+package-lock.json
 dist.zip

app.js

@@ -8,19 +8,21 @@ function createWindow() {
     frame: false,
     webPreferences: {
       nodeIntegration: true,
-      preload: path.join(__dirname, '/utils/preload.js'),
+      preload: path.join(__dirname, '/electron/preload.js'),
     },
   })
   win.setMinimumSize(1280, 900);
-  win.loadURL('http://localhost:4678/')
+
-  win.webContents.openDevTools({ mode: 'detach' })
+  if (process.env.NODE_ENV === 'dev') {
+    win.loadURL('http://localhost:4678/')
+    win.webContents.openDevTools({ mode: 'detach' })
+  } else {
+    win.loadURL(`file://${__dirname}/dist/index.html`)
+  }
 }
 
-
 app.whenReady().then(createWindow)
 
-
-
 ipcMain.on('minimize-window', (event) => {
   const win = BrowserWindow.fromWebContents(event.sender)
   win.minimize()

electron.config.json

@@ -0,0 +1,18 @@
+{
+  "appId": "com.alger.music",
+  "productName": "AlgerMusic",
+  "directories": {
+    "output": "dist_electron"
+  },
+  "files": ["dist/**/*", "package.json", "app.js", "electron/**/*"],
+  "win": {
+    "icon": "public/icon.png",
+    "target": "nsis",
+    "extraFiles": [
+      {
+        "from": "installer/installer.nsh",
+        "to": "$INSTDIR"
+      }
+    ]
+  }
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "alger-music",
-  "version": "0.0.0",
+  "version": "1.0.0",
-  "main": "./app/main.js",
+  "main": "app.js",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -9,7 +9,7 @@
     "es": "vite && electron .",
     "eb": "vite build && electron-builder",
     "start": "electron .",
-    "e:b": "electron-builder"
+    "e:b": "electron-builder --config ./electron.config.json"
   },
   "dependencies": {
     "@tailwindcss/postcss7-compat": "^2.2.4",

vite.config.ts

@@ -2,30 +2,11 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import path from 'path'
 import VueDevTools from 'vite-plugin-vue-devtools'
-// const { vitePluginElectronBuilder } = require('vite-plugin-electron-builder')
-import vitePluginElectronBuilder from 'vite-plugin-electron-builder'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
+  plugins: [vue(), VueDevTools()],
-    vue(),
+  base: './',
-    VueDevTools(),
-    vitePluginElectronBuilder({
-      mainProcessFile: 'app/main.js',
-      preloadDir: 'app/utils',
-      builderOptions: {
-        appId: 'com.alger.music',
-        directories: {
-          output: 'dist_electron',
-        },
-        files: ['dist/**/*', 'node_modules/**/*', 'package.json'],
-        win: {
-          icon: 'public/icon.ico',
-          target: 'nsis',
-        },
-      },
-    }),
-  ],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, 'src'),