---
title: "@farmfe/plugin-react"
locale: "zh"
version: "1.x"
canonicalUrl: "https://farmfe.org/zh/docs/1.x/plugins/official-plugins/react"
publicationStatus: "prerelease"
---

<a id="farmfeplugin-react"></a>
# @farmfe/plugin-react


支持 ` React Jsx ` 和 ` React Refresh `


<a id="installation"></a>
## Installation


**npm**

```sh
npm add @farmfe/plugin-react
```

**pnpm**

```sh
pnpm add @farmfe/plugin-react
```

**yarn**

```sh
yarn add @farmfe/plugin-react
```

**bun**

```sh
bun add @farmfe/plugin-react
```


<a id="usage"></a>
## Usage


` @farmfe/plugin-react ` 是一个 Rust 插件，你只需要在 ` farm.config.ts ` 的 ` plugins ` 字段中配置它的包名。


```ts
import { UserConfig } from '@farmfe/core';

const config: UserConfig = {
  plugins: ['@farmfe/plugin-react', { /** options here */}]
}
```


<a id="options"></a>
## Options


请参阅[SWC 转换 React 选项](<https://swc.rs/docs/configuration/compilation#jsctransformreact>)。