已经编译出来的html文件怎么用electron打包成exe
使用Electron打包已编译的HTML文件成exe需要遵循以下步骤:
- 安装Electron和electron-packager
在命令行中输入以下命令进行安装:
npm install electron -g
npm install electron-packager -g
- 创建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()
}
})
- 打包应用程序
在命令行中输入以下命令,将应用程序打包成exe:
electron-packager . MyApp --platform=win32 --arch=x64 --icon=icon.ico --overwrite
其中:
.表示当前目录,即应用程序的根目录MyApp表示打包后的应用程序名字--platform=win32表示打包为Windows平台的应用程序--arch=x64表示打包为64位应用程序--icon=icon.ico表示应用程序的图标文件--overwrite表示如果已有同名应用程序则覆盖
- 查看打包结果
打包成功后,在应用程序根目录下会生成一个MyApp-win32-x64文件夹,里面包含了应用程序的所有文件。在该文件夹中找到MyApp.exe文件,双击运行即可
原文地址: https://www.cveoy.top/t/topic/c4pk 著作权归作者所有。请勿转载和采集!