ts-react-electron-template

一个基于 create-react-app 和 typescript 的 electron 模板

🏠 Homepage

Install

如果项目内部使用 antd 可以直接克隆 带有 and 的模板。

# Clone this repository
git clone https://github.com/Col0ring/ts-react-electron-template.git
# Go into the repository
cd ts-react-electron-template
# Install dependencies
npm install
# or
yarn

Usage

• 开发环境：

  • Electron 部分：使用 webpack 对主进程进行监听打包并生成 build 目录，然后使用 nodemon 运行 electron 进行监听。electron 的入口文件默认为./main/index.ts,如果要修改可以在package.json中进行修改。
  • React 部分：React 部分没做任何修改，同create-react-app开发。

  npm run start
  # or
  yarn start

• 生产环境：

  • 可以先使用下面命令对项目依赖进行打包，再通过各自需求进行程序打包：

    npm run build
    # or
    yarn build

  • 也可以直接使用程序打包的命令进行打包，像下面直接打包成当前平台的可执行程序：

    npm run pack
    # or
    # yarn 也需要带上 run，不然会触发 yarn 的 pack 命令
    yarn run pack

  注意： 由于electron-builder会将dependencies的依赖都打包进去，所以为了减小打包体积，尽量将依赖都放到devDependencies中。

Author

👤 Col0ring

• Github: @Col0ring

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2020 Col0ring.

This project is MIT licensed.