diff --git a/src/content/reference/react-compiler/configuration.md b/src/content/reference/react-compiler/configuration.md index f38f1afc0a..c240d8f4cc 100644 --- a/src/content/reference/react-compiler/configuration.md +++ b/src/content/reference/react-compiler/configuration.md @@ -1,16 +1,16 @@ --- -title: Configuration +title: 配置 --- -This page lists all configuration options available in React Compiler. +本页列出 React 编译器的所有可用配置项。 -For most apps, the default options should work out of the box. If you have a special need, you can use these advanced options. +对于大多数应用,默认选项开箱即用即可满足需求。如果你有特殊需求,你可以使用这些高级选项。 @@ -29,55 +29,55 @@ module.exports = { --- -## Compilation Control {/*compilation-control*/} +## 编译控制 {/*compilation-control*/} -These options control *what* the compiler optimizes and *how* it selects components and hooks to compile. +这些选项用于控制编译器优化的 **内容**,以及它 **如何** 选择要编译的组件和 hook。 -* [`compilationMode`](/reference/react-compiler/compilationMode) controls the strategy for selecting functions to compile (e.g., all functions, only annotated ones, or intelligent detection). +* [`compilationMode`](/reference/react-compiler/compilationMode) 控制选择要编译的函数的策略(例如:全部函数、仅带注解的函数,或自动检测)。 ```js { - compilationMode: 'annotation' // Only compile "use memo" functions + compilationMode: 'annotation' // 仅编译 “use memo” 函数 } ``` --- -## Version Compatibility {/*version-compatibility*/} +## 版本兼容性 {/*version-compatibility*/} -React version configuration ensures the compiler generates code compatible with your React version. +React 版本配置可确保编译器生成的代码与你的 React 版本兼容。 -[`target`](/reference/react-compiler/target) specifies which React version you're using (17, 18, or 19). +[`target`](/reference/react-compiler/target) 指定你正在使用的 React 版本(17、18 或 19)。 ```js -// For React 18 projects +// 对于 React 18 项目 { - target: '18' // Also requires react-compiler-runtime package + target: '18' // 还需要 react-compiler-runtime 包 } ``` --- -## Error Handling {/*error-handling*/} +## 错误处理 {/*error-handling*/} -These options control how the compiler responds to code that doesn't follow the [Rules of React](/reference/rules). +这些选项控制编译器如何处理不遵循 [React 规则](/reference/rules) 的代码。 -[`panicThreshold`](/reference/react-compiler/panicThreshold) determines whether to fail the build or skip problematic components. +[`panicThreshold`](/reference/react-compiler/panicThreshold) 决定是让构建失败还是跳过存在问题的组件。 ```js -// Recommended for production +// 推荐用于生产环境 { - panicThreshold: 'none' // Skip components with errors instead of failing the build + panicThreshold: 'none' // 跳过有错误的组件,而不是导致构建失败 } ``` --- -## Debugging {/*debugging*/} +## 调试 {/*debugging*/} -Logging and analysis options help you understand what the compiler is doing. +日志和分析选项有助于你理解编译器在做什么。 -[`logger`](/reference/react-compiler/logger) provides custom logging for compilation events. +[`logger`](/reference/react-compiler/logger) 为编译事件提供自定义日志功能。 ```js { @@ -95,9 +95,9 @@ Logging and analysis options help you understand what the compiler is doing. ## Feature Flags {/*feature-flags*/} -Conditional compilation lets you control when optimized code is used. +条件式编译使你控制何时使用优化后的代码。 -[`gating`](/reference/react-compiler/gating) enables runtime feature flags for A/B testing or gradual rollouts. +[`gating`](/reference/react-compiler/gating) 启用运行环境 feature flags,用于 A/B 测试或渐进式发布。 ```js { @@ -110,11 +110,11 @@ Conditional compilation lets you control when optimized code is used. --- -## Common Configuration Patterns {/*common-patterns*/} +## 常见配置模式 {/*common-patterns*/} -### Default configuration {/*default-configuration*/} +### 默认配置 {/*default-configuration*/} -For most React 19 applications, the compiler works without configuration: +对于大多数 React 19 应用,编译器无需配置即可工作: ```js // babel.config.js @@ -125,9 +125,9 @@ module.exports = { }; ``` -### React 17/18 projects {/*react-17-18*/} +### React 17/18 项目 {/*react-17-18*/} -Older React versions need the runtime package and target configuration: +较旧的 React 版本需要安装运行环境包并设置 target: ```bash npm install react-compiler-runtime@rc @@ -139,13 +139,13 @@ npm install react-compiler-runtime@rc } ``` -### Incremental adoption {/*incremental-adoption*/} +### 渐进式接入 {/*incremental-adoption*/} -Start with specific directories and expand gradually: +从特定目录开始并逐步扩大范围: ```js { - compilationMode: 'annotation' // Only compile "use memo" functions + compilationMode: 'annotation' 仅编译 “use memo” 函数 } ```