electron打包生成exe

1为您的项目创建一个文件夹并安装Electron：

mkdir my-electron-app && cd my-electron-app
npm init -y
npm i --save-dev electron

2.创建src/main.js

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

// 保持一个对于 window 对象的全局引用，不然，当 JavaScript 被 GC，
// window 会被自动地关闭
var mainWindow = null;

// 当所有窗口被关闭了，退出。
app.on('window-all-closed', function() {
  // 在 OS X 上，通常用户在明确地按下 Cmd + Q 之前
  // 应用会保持活动状态
  if (process.platform != 'darwin') {
    app.quit();
  }
});

// 当 Electron 完成了初始化并且准备创建浏览器窗口的时候
// 这个方法就被调用
app.on('ready', function() {
  // 创建浏览器窗口。
  mainWindow = new BrowserWindow({width: 800, height: 600});

  // 加载应用的 index.html
  mainWindow.loadURL('file://' + __dirname + '/index.html');

  // 打开开发工具
  //mainWindow.openDevTools();

  // 当 window 被关闭，这个事件会被发出
  mainWindow.on('closed', function() {
    // 取消引用 window 对象，如果你的应用支持多窗口的话，
    // 通常会把多个 window 对象存放在一个数组里面，
    // 但这次不是。
    mainWindow = null;
  });
});

3.将发行的网站复制到src目录

 

4.在package.json设置打包：

{
	"name": "my-electron-app",
	"version": "1.0.0",
	"description": "",
	"main": "./src/main.js",
	"scripts": {
		"package": "electron-packager . 管理后台 --platform=win32 --arch=x64 --icon=./src/logo.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules"
	},
	"keywords": [],
	"author": "",
	"license": "ISC",
	"devDependencies": {
		"electron": "^11.0.0"
	}
	
}