# react-starter

**Repository Path**: lsy69221/react-starter

## Basic Information

- **Project Name**: react-starter
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-01
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-starter

#### 介绍
React Starter 项目。 webpack + babel 

#### 软件架构
webpack + babel + React


#### 安装教程

#### 一、 项目搭建 （使用yarn、webpack、babel进行项目管理）

```项目结构git、yarn初始化```
1. mkdir project-name && cd project-name
2. git init && git remote add origin xxx && git pull --rebase origin master
3. yarn init
4. 在project-name 下新建src、public文件夹。在public文件夹下新建Index.html

```安装配置 Babel```
1. yarn add @babel/core @babel/cli @babel/preset-env @babel/preset-react --dev
2. 新建 .babelrc 配置文件
    {
        "presets": ["@babel/env", "@babel/preset-react"]
    }

3. 

```webpack:```
1. yarn add webpack webpack-cli  webpack-dev-server --dev
2. loaders:
    yarn add style-loader css-loader babel-loader --dev
3. 配置webpack.config.js  
    根目录新建webpack.config.js文件，配置webpack.config.js文件
    entry/output/module/resolve/devServer/plugins


```React:```
1. yarn add react react-dom 
2. yarn add react-hot-loader --dev
3. src/index.js 编写React 代码