electron打包生成exe

朱雀 2022-12-22 04:43 277阅读 0赞

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目录

![20201117165505626.png][]

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"
    	}
    	
    }

[20201117165505626.png]: /images/20221120/82e976957ddc402fb0278054b0365be5.png