= require(‘electron’)
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
})
win.loadFile(‘index.html’)
}
app.whenReady().then(createWindow)
app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
app.quit()
}
})
app.on(‘activate’, () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
“`
6. 創建一個package.json文件
在項目文件夾中創建一個package.json文件,并填寫基本信息,如名稱、版本、入口文件等。
示例:
“`
{
“name”: “html-to-exe-demo”,
“version”: “1.0.0”,
“main”: “main.js”,
“scripts”: {
“start”: “electron .”
}
}
“`
保存好之后,運行`npm install`安裝所有必要的依賴。
7. 生成EXE文件
運行以下命令,將HTML文件封裝為EXE文件:
“`
electron-packager ./ –platform=win32 –arch=x64
“`
等待封裝完成后,會在項目文件夾中生成一個新文件夾,其中包含一個.EXE文件。雙擊該文件,您將看到運行起來的應用程序。
經過以上步驟,您已經了解了封裝HTML為EXE文件的主要原理和詳細步驟。對于不同的項目,您可以根據需求調整HTML文件、CSS樣式和JavaScript腳本,以創建出更具功能性的桌面應用。