# 开发模板

**Repository Path**: huyageer/development-template

## Basic Information

- **Project Name**: 开发模板
- **Description**: 自己搭建的React开发模板
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: webpack5_react
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-03-01
- **Last Updated**: 2023-03-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React Webpack TypeScript 开发模板

该项目是一个自己搭建的开发模板，用于快速构建 React 项目。该模板包含了常用的开发工具和库，并且已经配置好了开发环境和生产环境的 Webpack 配置。

## 标签

React, Webpack, TypeScript, ESLint, Prettier, Ant Design, TailwindCSS

## 特性

- 支持 TypeScript。
- 使用 Webpack 进行打包。
- 集成了 React 和 Ant Design。
- 集成了 TailwindCSS 进行样式开发。
- 配置了 ESLint 和 Prettier 进行代码规范检查和格式化。
- 提供了多个 Webpack 配置文件，分别适用于不同的环境。
- 支持自动刷新和热重载。
- 支持样式文件自动添加前缀和自动转换 px 为 rem。
- 集成了速度分析工具和代码分析工具。

## 使用方法

1. 克隆或下载本仓库。
2. 使用 `npm install` 或 `yarn install` 安装依赖。
3. 运行 `npm run dev` 或 `yarn dev` 启动开发服务器。
4. 在浏览器中访问 `http://localhost:8080` 即可查看项目。

## 命令

- `dev`: 启动开发服务器。
- `test`: 启动测试服务器。
- `prod`: 构建生产环境代码。
- `analy`: 生成生产环境代码分析报告。
- `eslint`: 运行 ESLint 检查代码。
- `fix`: 运行 ESLint 自动修复代码并使用 Prettier 格式化代码。

## 依赖

- React: 前端 UI 框架。
- Webpack: 模块打包工具。
- TypeScript: JavaScript 的超集，提供了静态类型检查和更好的 IDE 支持。
- ESLint: JavaScript 代码检查工具。
- Prettier: 代码格式化工具。
- Ant Design: 企业级 UI 组件库。
- TailwindCSS: 一个实用的工具类优先的 CSS 框架。