# parcel-React

**Repository Path**: ljfcode/parcel-React

## Basic Information

- **Project Name**: parcel-React
- **Description**: 拿parcel搭建的本地React开发环境
- webpack 太琐碎
- create-react-app 用起来太正式
- 只是个本地研发环境, 用来玩玩react
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# parcel-React

#### 项目介绍
拿parcel搭建的本地React开发环境
- webpack 太琐碎
- create-react-app 用起来太正式
- 只是个本地研发环境, 用来玩玩react

#### 软件架构
软件架构说明
    - parcel 1.10.3
    - React 16.6.3


#### 安装教程

1. xxxx
2. xxxx
3. xxxx

#### 使用说明
parcel 在修改babelrc之后是在热更新同时自动加载依赖, webpack如何做并不太清楚,容后再看
1. [async 配置详解](https://segmentfault.com/a/1190000009673642)
    - babel-polyfill
        - .babelrc 配置
            ```
                {
                    "plugins": ["babel-plugin-transform-regenerator"]
                }
            ```
        - 入口文件第一行
            ```
                require('babel-polyfill');
            ```
    - generator
        - .babelrc配置
            ```
                {
                    "plugins": ["babel-plugin-transform-async-to-generator"]
                }
            ```
    - regenerator
    .babelrc配置
        ```
            {
                "plugins": ["transform-runtime", "babel-plugin-transform-regenerator", "babel-plugin-transform-es2015-modules-commonjs"]
            }
            // babel-plugin-transform-regenerator 将 async/await 语法转化成 regenerator 库支持的语法
            // transform-runtime 将运行时注入，类似：import regenerator from 'babel-runtime/regenerator'
            // babel-plugin-transform-es2015-modules-commonjs 只是为了将 import 转化为 require，便于在 node.js 模块下执行（如果你的执行环境支持 es6 的模块机制，则不需要该插件）。
        ```
#### 参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)