知海

React + TypeScript 模板说明

vite-main模板、包与插件

React + TypeScript 模板说明

概述

本模板基于 Vite 提供了 React 与 TypeScript 的极简开发配置,内置热更新(HMR)功能,并预置了 Oxlint 代码检查规则。

官方插件

当前提供两个官方插件可供选用:

React Compiler 说明

考虑到对开发与构建性能的影响,本模板默认未启用 React Compiler。如需启用,请参阅 官方安装文档

扩展 Oxlint 配置

若你正在开发生产级应用,建议通过安装 oxlint-tsgolint 并编辑 .oxlintrc.json 来启用类型感知的 lint 规则,示例如下:

json 复制代码
{
  "$schema": "./node_modules/oxlint/configuration_schema.json",
  "plugins": ["react", "typescript", "oxc"],
  "options": {
    "typeAware": true
  },
  "rules": {
    "react/rules-of-hooks": "error",
    "react/only-export-components": ["warn", { "allowConstantExport": true }]
  }
}

完整的规则及分类列表,请参阅 Oxlint 规则文档

帮助我们改进文档

发现翻译问题或内容错误?请告诉我们。