# react-esbuild-template

**Repository Path**: buera/react-esbuild-template

## Basic Information

- **Project Name**: react-esbuild-template
- **Description**: 基于 React + TypeScript + esbuild 的快速开发模板。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-12
- **Last Updated**: 2026-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React esbuild Template

Fast development template based on React + TypeScript + esbuild.

## Features

- ⚡️ **High-Performance Build**: Uses esbuild as the build tool, extremely fast
- 🦾 **TypeScript Support**: Complete TypeScript type support
- 🎨 **Less Preprocessor**: Supports Less CSS preprocessor
- 🔥 **Hot Update**: Development server supports real-time hot updates
- 📦 **Asset Handling**: Built-in loaders for images, fonts, SVGs, etc.
- 🛣️ **Routing Support**: Integrated React Router management

## Project Structure

```
├── config/                  # Build Configuration
│   ├── plugin/             # Custom esbuild Plugins
│   │   ├── copy-loader.ts
│   │   ├── font-loader.ts
│   │   ├── image.loader.ts
│   │   ├── less.loader.ts
│   │   ├── static-loader.ts
│   │   └── tsql-loader.ts
│   ├── esbuild.common.ts   # Common Configuration
│   ├── esbuild.dev.ts      # Development Environment Configuration
│   ├── esbuild.prod.ts     # Production Environment Configuration
│   └── proxy.ts            # Proxy Configuration
├── public/                  # Static Public Assets
│   └── index.html
├── src/                     # Source Code
│   ├── assets/            # Static Assets
│   ├── views/             # Page Components
│   ├── router/            # Router Configuration
│   ├── contextProvider.tsx
│   ├── App.tsx
│   └── index.tsx
├── server.ts               # Development Server
├── esbuild.config.ts       # esbuild Entry Configuration
├── config.ts               # Project Configuration
└── tsconfig.json           # TypeScript Configuration
```

## Quick Start

### Install Dependencies

```bash
npm install
```

### Development Mode

Start the development server with hot updates enabled:

```bash
npm run dev
```

### Production Build

Build the production environment artifacts:

```bash
npm run build
```

## Configuration

### Proxy Configuration

Configure proxy rules for the development environment in `config/proxy.ts`.

### Environment Variables

- `NODE_ENV`: Environment mode (development/production)

## Tech Stack

- React 18
- TypeScript
- esbuild
- Less
- React Router

## License

MIT License