description | layout | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Import an existing Electron project to use Electron Forge. |
|
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
.
Importing an existing Electron app into the Electron Forge workflow can be done automatically using Forge's import
command.
cd my-app
npm install --save-dev @electron-forge/cli
npm exec --package=@electron-forge/cli -c "electron-forge import"
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 %}
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.
First, install Forge's CLI and the target Makers as devDependencies in your project.
cd my-app
npm install --save-dev @electron-forge/cli @electron-forge/maker-squirrel @electron-forge/maker-deb @electron-forge/maker-zip
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.
When distributing a squirrel.windows.md app, we recommend installing electron-squirrel-startup
as a runtime dependency to handle Squirrel events.
cd my-app
npm install electron-squirrel-startup
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 %}
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:
cd my-app
npm install --save-dev @electron-forge/publisher-s3
{% 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.