Electron을 이용한 설치 파일 만들기

> mkdir output 
> cd output 
> npm init -y 
> npm install electron --save-dev

{   
  "scripts": { 
    "start": "electron ." 
  }, 
}

const { app, BrowserWindow } = require('electron'); 
const path = require('path'); 
function createWindow() { 
  const mainWindow = new BrowserWindow({ 
    width: 800, 
    height: 600, 
    webPreferences: { 
      nodeIntegration: true 
    } 
  }); 
  
  //mainWindow.loadFile(path.join(__dirname, '../site/index.html')); 
  mainWindow.loadFile(path.join(__dirname, 'site', 'index.html')); 
} 
app.on('ready', createWindow); app.on('window-all-closed', () => { 
  if (process.platform !== 'darwin') { 
    app.quit(); 
  } 
}); 
app.on('activate', () => { 
  if (BrowserWindow.getAllWindows().length === 0) { 
    createWindow(); 
  } 
});

> npm start

> npm install --save-dev electron-builder

{
  "name": "output",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
	"build": "electron-builder"
  },
  "description": "",
  "devDependencies": {
    "electron": "^30.0.7",
	"electron-builder": "^24.13.3"
  },
  "build": { 
    "appId": "com.example.mkdocs", 
    "files": [ 
      "main.js", 
      "site/**/*" 
      //"../site/**/*" 
    ], 
    "directories": { 
      "output": "dist" 
    } 
  } 
}

> npm run build

> npm install electron-packager --save-dev

> npx electron-packager . my-electron-app --platform=win32 --arch=x64 --out=dist --overwrite