electron-cra-ts-lerna-webpack

Develop the electron application immediately without waiting

中文文档

tech stack

1. Electron
2. create-react-app
3. TypeScript
4. Webpack
5. electron-webpack
6. electron-builder
7. react-hot-loader
8. lerna
9. yarn

feature

1. render hot update(Refresh only changed components)
2. main-process hot update(Auto restart)
3. main-process and renderer-process all use TypeScript
4. support mac pack (dmg and zip)
5. support windows pack (nsis and zip)
6. support linux pack (AppImage and deb)
7. use lerna and yarn workspace reduce project size
8. use yarn autoclean to reduce the size of the final package

use

install

git clone git@github.com:BlackHole1/electron-cra-ts-lerna-webpack.git --depth=1 newProject
cd newProject
yarn

development

# renderer-app (The first shell window, Don't close)
cd packages/renderer-app
yarn start

# main-app (Second shell window, Don't close)
cd packages/main-app
yarn start

build

cd packages/renderer-app
yarn build
cd ../packages/main-app
# or yarn copyRenderBuildCode && yarn build:main && yarn pack:mac
yarn pack:mac:auto