Electron Projects

Setting up conditional loading

We are going to use the DEBUG environment variable as an indicator that the application needs to connect to a local development server. Let's learn how to enable this in application scripts:

1. Update the package.json file and set the following variable as the default option:

{  "scripts": { "serve": "vue-cli-service serve", "start": "DEBUG=true electron .", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },}

For Windows users, the start script should look as follows:

{  "start": "SET DEBUG=true && electron ."}

2. Once you've defined an environment variable, the format of the check inside the main.js file should be similar to the following:

if (process.env.DEBUG) { // load from running server ...