# electron-react-template

**Repository Path**: Talent-HYJ/electron-react-template

## Basic Information

- **Project Name**: electron-react-template
- **Description**: electron-react-webpack快速开发脚手架
elelcron20 + react17 + webpack5 + ts
集成eslint,styleline,jest,prettier
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-12-19
- **Last Updated**: 2024-08-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Electron, React, webpack, TypeScript

## README

#### electron-react-template

##### 技术架构

electron20 + react17 + webpack5 + typescript
集成了eslint,stylelint,husky,jest
##### 目录解构

```bash
├── build   # 渲染进程构建目录
├── build_electron  # 主进程构建目录
│   ├── index.html
│   └── main.js
├── config # webpack 配置文件目录
│   ├── webpack.config.base.js
│   ├── webpack.config.electron.js # electron主进程生产环境打包配置
│   ├── webpack.config.preload.js # preload打包配置
│   ├── webpack.config.dev.js # 渲染进程开发环境打包配置
│   └── webpack.config.prod.js # 渲染进程生产环境打包配置
├── electron # electron相关文件
│   ├── index # electron入口文件
│   ├── main.js # electron主进程文件
│   └── preload.js # electron预加载文件
├── index.less
├── index.tsx
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── favicon.png
│   └── index.html
├── src # 渲染进程
│   ├── components
│   │   └── layout
│   │       └── Nav
│   │           ├── index.less
│   │           └── index.tsx
│   ├── index.less
│   └── index.tsx
└── tsconfig.json #ts配置文件
```

##### 命令

- `pnpm run start`: web 端启动
- `pnpm run build`: 渲染进程构建
- `pnpm run build:electron`: 主进程构建
- `pnpm run byte`: 主进程文件进行加密
- `pnpm run electron`: 开发环境启动 electron
- `pnpm run pack`: 构建生产环境调试文件
- `pnpm run dev:win64`: 构建生产 windows64 环境包
- `pnpm run dev:mac`: 构建生产 mac --arm --x64 环境包