import-existing-project.md

description	layout
Import an existing Electron project to use Electron Forge.	title description tableOfContents outline pagination visible true visible true visible true visible true visible true

Importing an Existing Project

If you already have an Electron app and want to try out Electron Forge, you can either use Forge's import script or manually configure Forge yourself.

These steps will get you set up with a basic build pipeline that can create squirrel.windows.md (Windows), zip.md (macOS), and deb.md (Linux) installers when running electron-forge make.

Using the import script

Importing an existing Electron app into the Electron Forge workflow can be done automatically using Forge's import command.

{% tabs %} {% tab title="Yarn 1" %}

cd my-app
yarn add --dev @electron-forge/cli
yarn electron-forge import

{% endtab %}

{% tab title="npm 6" %}

cd my-app
npm install --save-dev @electron-forge/cli
npx electron-forge import

{% endtab %}

{% tab title="npm 7" %}

cd my-app
npm install --save-dev @electron-forge/cli
npm exec --package=@electron-forge/cli -c "electron-forge import"

{% endtab %} {% endtabs %}

This script will set up Forge to package your app and build installers for it.

{% hint style="info" %} If you're already using other Electron tooling, it will try to automatically migrate the settings as much as possible, but some of it may need to be migrated manually. {% endhint %}

Setting up Forge manually

If the import script does not work for some reason, you can also install Forge manually. To get identical behavior to the script, follow the steps below.

Installing dependencies

First, install Forge's CLI and the target Makers as devDependencies in your project.

{% tabs %} {% tab title="Yarn 1" %}

cd my-app
yarn add --dev @electron-forge/cli @electron-forge/maker-squirrel @electron-forge/maker-deb @electron-forge/maker-zip

{% endtab %}

{% tab title="npm" %}

cd my-app
npm install --save-dev @electron-forge/cli @electron-forge/maker-squirrel @electron-forge/maker-deb @electron-forge/maker-zip

{% endtab %} {% endtabs %}

Configuring package.json

To start using Forge, add a few command scripts to your package.json file:

{% code title="package.json" %}

{
  // ...
  "scripts": {
    "start": "electron-forge start",
    "package": "electron-forge package",
    "make": "electron-forge make",
    "publish": "electron-forge publish"
  }
  // ... 
}

{% endcode %}

Then, set up your Forge configuration.md in the config.forge field in package.json.

{% code title="package.json" %}

{
  // ...
  "config": {
    "forge": {
      "packagerConfig": {},
      "makers": [
        {
          "name": "@electron-forge/maker-squirrel",
          "config": {
            "name": "electron_quick_start"
          }
        },
        {
          "name": "@electron-forge/maker-zip",
          "platforms": [
            "darwin"
          ]
        },
        {
          "name": "@electron-forge/maker-deb",
          "config": {}
        },
        {
          "name": "@electron-forge/maker-rpm",
          "config": {}
        }
      ]
    }
  }
  // ...
}

{% endcode %}

In the above object, we configure each Maker that we installed into the makers array. We also create an empty packagerConfig object that you should edit to your app's packaging needs.

Adding Squirrel.Windows boilerplate

When distributing a squirrel.windows.md app, we recommend installing electron-squirrel-startup as a runtime dependency to handle Squirrel events.

{% tabs %} {% tab title="Yarn" %}

cd my-app
yarn add electron-squirrel-startup

{% endtab %}

{% tab title="npm" %}

cd my-app
npm install electron-squirrel-startup

{% endtab %} {% endtabs %}

Then, add the following snippet as early as possible in the main process execution (before the app.ready event).

{% code title="main.js" %}

if (require('electron-squirrel-startup')) app.quit();

{% endcode %}

Optional: publishing your app

You can also configure Forge to upload your release artifacts to a self-hosted release server such as electron-release-server.md or nucleus.md, or cloud storage providers such as s3.md.

For example, for the S3 Publisher:

{% tabs %} {% tab title="Yarn" %}

cd my-app
yarn add --dev @electron-forge/publisher-s3

{% endtab %}

{% tab title="npm" %}

cd my-app
npm install --save-dev @electron-forge/publisher-s3

{% endtab %} {% endtabs %}

{% code title="package.json" %}

{
  // ...
  "config": {
    "forge": {
      "packagerConfig": {},
      "makers": [ /* ... */],
      "publishers": [
        {
        "name": "@electron-forge/publisher-s3",
        "platforms": ["darwin", "linux"],
          "config": {
            "bucket": "my-bucket",
            "folder": "my/key/prefix"
          }
        }
      ]
    }
  }
  // ...
}

{% endcode %}

See the publishers documentation for more information.