使用Electron打包已编译的HTML文件成exe需要遵循以下步骤:

  1. 安装Electron和electron-packager

在命令行中输入以下命令进行安装:

npm install electron -g
npm install electron-packager -g
  1. 创建Electron应用程序

在应用程序目录下创建一个main.js文件,内容如下:

const { app, BrowserWindow } = require('electron')
const path = require('path')

function createWindow() {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })

  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})
  1. 打包应用程序

在命令行中输入以下命令,将应用程序打包成exe:

electron-packager . MyApp --platform=win32 --arch=x64 --icon=icon.ico --overwrite

其中:

  • . 表示当前目录,即应用程序的根目录
  • MyApp 表示打包后的应用程序名字
  • --platform=win32 表示打包为Windows平台的应用程序
  • --arch=x64 表示打包为64位应用程序
  • --icon=icon.ico 表示应用程序的图标文件
  • --overwrite 表示如果已有同名应用程序则覆盖
  1. 查看打包结果

打包成功后,在应用程序根目录下会生成一个MyApp-win32-x64文件夹,里面包含了应用程序的所有文件。在该文件夹中找到MyApp.exe文件,双击运行即可

已经编译出来的html文件怎么用electron打包成exe

原文地址: https://www.cveoy.top/t/topic/c4pk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录