config

验证编译器 configuration options

规则详情

React Compiler 接受各种 configuration options 来控制其行为。此规则会验证你的配置是否使用了正确的选项名称和值类型,以防止因拼写错误或设置不正确而导致的静默失败。

无效

此规则的错误代码示例:

// ❌ 未知的选项名称
module.exports = {
plugins: [
['babel-plugin-react-compiler', {
compileMode: 'all' // 拼写错误:应为 compilationMode
}]
]
};

// ❌ 无效的选项值
module.exports = {
plugins: [
['babel-plugin-react-compiler', {
compilationMode: 'everything' // 无效:请使用 'all' 或 'infer'
}]
]
};

有效

此规则的正确代码示例:

// ✅ 有效的编译器配置
module.exports = {
plugins: [
['babel-plugin-react-compiler', {
compilationMode: 'infer',
panicThreshold: 'critical_errors'
}]
]
};

故障排除

配置未按预期工作

你的编译器配置可能存在拼写错误或错误的值:

// ❌ 错误:常见的配置错误
module.exports = {
plugins: [
['babel-plugin-react-compiler', {
// 选项名称拼写错误
compilationMod: 'all',
// 值类型错误
panicThreshold: true,
// 未知选项
optimizationLevel: 'max'
}]
]
};

查看 configuration documentation 以了解有效选项:

// ✅ 更好:有效的配置
module.exports = {
plugins: [
['babel-plugin-react-compiler', {
compilationMode: 'all', // 或 'infer'
panicThreshold: 'none', // 或 'critical_errors', 'all_errors'
// 仅使用文档中记录的选项
}]
]
};