React

基于 Farm 创建一个 React 项目。

Farm 提供两种方案来支持创建 React 项目:

• 使用 create-farm 脚手架创建脚手架项目
• 你可以根据当前文档手动创建一个 React 项目

创建 React 项目

npm

yarn

pnpm

bun

在 Select Framework 中选择 React 模版

Farm 需要通过注册 @farmfe/plugin-react 插件来对 React 项目进行支持。

farm.config.ts

@farmfe/plugin-react 插件由 Rust 编写, 因此你不需要显式引入, 通过传递一个字符串包名即可注册。

集成 emotion

你可以通过注册 @swc/plugin-emotion 插件来对 emotion 进行支持。

farm.config.ts

src/index.tsx

集成 svgr

SVGR 是一个用于将 SVG 转换为 React 组件的工具，Farm 提供了 Js 插件来支持 SVGR。

farm.config.ts