React + TypeScript 模板说明
vite-main模板、包与插件
React + TypeScript 模板说明
概述
本模板基于 Vite 提供了 React 与 TypeScript 的极简开发配置,内置热更新(HMR)功能,并预置了 Oxlint 代码检查规则。
官方插件
当前提供两个官方插件可供选用:
- @vitejs/plugin-react:基于 Oxc 实现
- @vitejs/plugin-react-swc:基于 SWC 实现
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 规则文档。
帮助我们改进文档
发现翻译问题或内容错误?请告诉我们。
