使用electron-builder将项目打包成桌面程序的详细教程

// 结构使用
const { app, BrowserWindow } = require("electron")
//获取地址
const path = require("node:path")
// 创建桌面程序
const createBrowserWindow = () => {
    // 创建大小
    const ELEwin = new BrowserWindow({
        width: "1000",
        height: 800,
 webPreferences: {
            // 开始使用node
            nodeIntegration: true,
            // 不开启上下隔离（如果想使用require就要这个关闭）
            contextIsolation: true,
            // 关闭web安全策略，允许加载本地资源
            webSecurity: false,
            // 可以便用remote方法
            enableRemoteModule: true,
            // ？
            devTools: true,
        }
 
    })
    // 读取链接,url是本地链接
    ELEwin.loadURL("http://localhost:3000/")
    // 打开调试窗口
    ELEwin.webContents.openDevTools()
    //关闭调试窗口
    // ELEwin.webContents.closeDevTools()
 
}
// 调用方法
app.whenReady().then(createBrowserWindow)

 
"electron:build": "electron-builder",
 
 
 
 
"build": {
    "appId": "com.demo.myApp", 
    "productName": "测试项目", 
    "copyright": "Copyright © 2024 <your-name>", 
    "mac": {
      "category": "public.app-category.utilities"
    },
    "nsis": {
      "oneClick": false,
      "allowToChangeInstallationDirectory": true,
      "deleteAppDataOnUninstall": true 
    },
    "files": [
      "dist/**/*",
      "electron/**/*"
    ],
    "directories": {
      "buildResources": "assets", 
      "output": "dist_electron" 
    }
  }

 
// 所有Node.js API都可以在预加载过程中使用。
// 它拥有与Chrome扩展一样的沙盒。
window.addEventListener('DOMContentLoaded', () => {
  const replaceText = (selector, text) => {
    const element = document.getElementById(selector)
    if (element) element.innerText = text
  }
 
  for (const dependency of ['chrome', 'node', 'electron']) {
    replaceText(`${dependency}-version`, process.versions[dependency])
  }
})

// 结构使用
const { app, BrowserWindow } = require("electron")
//获取地址
const path = require("node:path")
// 创建桌面程序
const createBrowserWindow = () => {
    // 创建大小
    const ELEwin = new BrowserWindow({
        width: 1000,
        height: 500,
        webPreferences: {
            // 开始使用node
            nodeIntegration: true,
            // 不开启上下隔离（如果想使用require就要这个关闭）
            contextIsolation: true,
            // 关闭web安全策略，允许加载本地资源
            webSecurity: false,
            // 可以便用remote方法
            enableRemoteModule: true,
            // ？
            devTools: true,
            preload: path.join(__dirname, 'preload.js')
        }
    })
    // 读取链接
    // ELEwin.loadURL("http://localhost:3000/")
    // 判断是否是开发者环境
    ELEwin.loadURL(
        process.env.NODE_ENV === 'development'
            ? 'http://localhost:3000'
            : `file://${path.join(__dirname, '../dist/index.html')}`)
 
    // 打开调试窗口
    if (process.env.NODE_ENV === 'development') {
        ELEwin.webContents.openDevTools()
    }
 
    //关闭调试窗口
    // ELEwin.webContents.closeDevTools()
}
// 调用方法
app.whenReady().then(createBrowserWindow)