# create-react-app

**Repository Path**: terrydash/create-react-app

## Basic Information

- **Project Name**: create-react-app
- **Description**: 这是个基于Webpack 4的React项目的构建脚手架
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 8
- **Created**: 2018-09-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# create-react-app
这是个React-Babel-Webpack项目的脚手架。您可以将其用作构建自己的Web应用程序的基础。

# 特征
- 使用Webpack 4构建
- 配备了React，ES6和Babel
- 配置了ESLint，根据自己代码风格个性化配置
- 配置了Service Worker，生产环境直接生成PWA离线网页应用
- 结合了koa生成mock假数据模拟
- 结合了react-redux，react-router一些使用代码
- 打包配置好了图片压缩，字体打包，js,css代码目录分离
- 开发环境自动在Webpack加载时打开一个新的浏览器选项卡，并修改项目代码时不刷新页面更新
- 直接修改src目录下文件，编写自己的项目代码

# 如何使用

首先，克隆下载。
```
$ git clone https://gitee.com/xuhongling/create-react-app < yourAppName >
$ cd  < yourAppName >
```
接着，安装依赖关系。（建议使用阿里源或者cnpm）
```
$ npm install
```
然后，启动假数据模拟接口。
```
$ npm run mock
```
最后，启动应用程序。
```
$ npm start
```
现在你应该在http://127.0.0.1:8080中看到一个新的浏览器窗口/标签打开的react项目样板了

# 如何打包
你开始在src目录中开发自己的代码。编码完成后，使用npm run buil构建静态文件，在新生成的build目录中可以看到打包好的项目。
```
$ npm run buil
```
可以启动本地服务。
```
$ npm run server
```
现在你应该在http://127.0.0.1:8081中看到一个新的浏览器窗口/标签打开的react项目打包好的项目了

# 执照
MIT