Updating the desktop app

Now that the web app is done, we are going to build the same and deploy it inside our desktop app.

To get started, head back to the terminal/prompt of the web-app folder and run:

ng build --env=prod

This will create a new folder inside the web-app folder named dist. The contents of the dist folder should be along the lines of:

.

├── favicon.ico

├── index.html

├── inline.bundle.js

├── inline.bundle.js.map

├── main.bundle.js

├── main.bundle.js.map

├── polyfills.bundle.js

├── polyfills.bundle.js.map

├── scripts.bundle.js

├── scripts.bundle.js.map

├── styles.bundle.js

├── styles.bundle.js.map

├── vendor.bundle.js

└── vendor.bundle.js.map

All the code we have written is finally bundled into the preceding files. We will grab all of the files (not the dist folder) present inside the dist folder and then paste them inside the desktop-app/app folder. The final structure of the desktop app after these changes will be as follows:

.

├── app

│ ├── favicon.ico

│ ├─...