WHY? The reason is when you run electron-packager, it will going to move all your source code, including node_modules’ dependencies inside of the packaged app, which will dramatically increase the size of the app. So if you have used axios let's say, you have to leave it on dependencies section inside node_modules. Install 💻 electron-packager as devdependency.Ĭreating a package is pretty simple, but if you have a complex project will a lot of modules, you need to configure this manually.įirst thing you need to move all your project-related node_modules to dev dependency, you heard me right, You need to move all your node_modules to dev Dependency except those are being used in your node_proccess. First is step is making a package, and the second step will be making of an Installer. So how we do it, 2 steps for each platform, and I am going to share my journey of windows and mac platform. Now you need to understand 2 things, there is no way of doing it the easy way, like there is no one-click installer creator in electron that you can use, that cover all the 100% of the cases for you, some will expose your app source, or you will end up have a gigantic size of package app and will end up having your whole project including node module in the app source code, that is not what I want. Now you want to create an installer for it, There is a lot of articles that can help you, but in this, I am going to share my story of how I did it, and it is also for the people who are using electron and react together.

So you have created up a great looking Electron-based app.

Electron create installer