angular 적용하기

ng new my-app

cd my-app

npm i -D electron@latest

main.js

const { app, BrowserWindow } = require("electron");
const path = require("path");
const url = require("url");

let win;

function createWindow() {
  win = new BrowserWindow({ width: 800, height: 600 });

  // load the dist folder from Angular
  win.loadURL(
    url.format({
      pathname: path.join(__dirname, `/dist/index.html`),
      protocol: "file:",
      slashes: true
    })
  );

  // The following is optional and will open the DevTools:
  // win.webContents.openDevTools()

  win.on("closed", () => {
    win = null;
});
}

app.on("ready", createWindow);

// on macOS, closing the window doesn't quit the app
app.on("window-all-closed", () => {
  if (process.platform !== "darwin") {
  app.quit();
}
});

// initialize the app's main window
app.on("activate", () => {
  if (win === null) {
  createWindow();
}
});

package.json

{
  "name": "my-app",
  "version": "0.0.0",
  "main":"main.js",

package.json

"scripts": {
   "electron": "ng build --base-href ./ && electron .",

angular.json

"architect": {
  "build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
        "outputPath": "dist",