Run this two commands simultaneously in different console tabs.
$ npm run hot-server
$ npm run start-hotor run two servers with one command
$ npm run dev- OS X: Cmd Alt I or F12
- Linux: Ctrl Shift I or F12
- Windows: Ctrl Shift I or F12
See electron-debug for more information.
- All platforms: Ctrl+H
See redux-devtools-dock-monitor for more information.
Now you can implement it using remote-redux-devtools with a remote monitor by yourself.
This boilerplate out of the box is configured to use css-modules.
All .css file extensions will use css-modules unless it has .global.css.
If you need global styles, stylesheets with .global.css will not go through the
css-modules loader. e.g. app.global.css
$ npm run packageTo package apps for all platforms:
$ npm run package-all- --name, -n: Application name (default: ElectronReact)
- --version, -v: Electron version (default: latest version)
- --asar, -a: asar support (default: false)
- --icon, -i: Application icon
- --all: pack for all platforms
Use electron-packager to pack your app with --all options for darwin (osx), linux and win32 (windows) platform. After build, you will find them in release folder. Otherwise, you will only find one for your os.
test, tools, release folder and devDependencies in package.json will be ignored by default.
We add some module's peerDependencies to ignore option as default for application size reduction.
babel-coreis required bybabel-loaderand its size is ~19 MBnode-libs-browseris required bywebpackand its size is ~3MB.
Note: If you want to use any above modules in runtime, for example:
require('babel/register'), you should move them fromdevDependenciestodependencies.
Please checkout Building windows apps from non-windows platforms.
We use webpack-target-electron-renderer to provide a build target for electron renderer process. Read more information here.
Note: webpack >= 1.12.15 has built-in support for
electron-mainandelectron-renderertargets.