# react-parcel-starter

**Repository Path**: rhyanne/react-parcel-starter

## Basic Information

- **Project Name**: react-parcel-starter
- **Description**: 基于 Parcel@^2.5.x 构建工具的 React App 样板工程，基于 React 18 + React-Router 6 + Redux Toolkit 
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-05-06
- **Last Updated**: 2022-06-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: parcel, React, Redux

## README

## Parcel React App

### Add `parcel`

```shell
pnpm add parcel -D
```

### TypeScript

Parcel 2 现在改用 SWC，这显着提高了转译性能。但是，默认的转译器对 tsconfig.json 的支持有限。 如果您使用 JSX 相关选项和实验性装饰器之外的自定义编译器选项，则可以使用 @parcel/transformer-typescript-tsc 将 Parcel 的默认 TypeScript 转换器替换为 TSC。 为此，请安装默认配置和 TSC 插件，并在项目的根目录中创建一个 .parcelrc 文件。

```shell
pnpm add @parcel/config-default @parcel/transformer-typescript-tsc -D

# 使用 pnpm 时，可能无法自动安装 peer dependencies，需要手动安装
pnpm add @parcel/core typescript -D
```

配置文件

```json
// .parcelrc
{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.{ts,tsx}": ["@parcel/transformer-typescript-tsc"]
  }
}
```

### Add `react` 、`react-dom`

```shell
pnpm add react react-dom
```

### Add `@parcel/transformer-sass`

如果要支持 `sass`，则需要安装 `@parcel/transformer-sass` 插件依赖包

```shell
pnpm add @parcel/transformer-sass -D
```