使用Electron将HTML单页面打包为exe
要将HTML单页面应用打包成exe文件,可以使用Electron的打包工具。以下是一个简单的步骤和示例代码:
- 创建Electron项目:
npm install -g electron
electron-quick-start
cd electron-quick-start
- 删除默认的
index.html
文件,并替换为你的HTML文件。 - 修改
main.js
来加载你的HTML文件:
const { app, BrowserWindow } = require('electron');
function createWindow () {
// 创建浏览器窗口
let win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
// 加载你的HTML文件
win.loadFile('index.html');
}
app.whenReady().then(createWindow);
- 修改
package.json
中的name
和version
字段。 - 使用以下命令打包应用:
npm install
electron-packager . YourAppName --platform=win32 --arch=x64 --out=./OutDir --overwrite --icon=your-icon.ico
替换YourAppName
为你的应用名称,your-icon.ico
为你的应用图标(可选)。
打包完成后,在OutDir
文件夹中会有一个包含exe文件的文件夹,可以直接运行或分发给用户。
评论已关闭