컴파일러 설정 옵션을 검증합니다.
규칙 세부 사항
React 컴파일러는 동작을 제어하기 위해 다양한 설정 옵션을 받습니다. 이 규칙은 설정이 올바른 옵션 이름과 값 타입을 사용하는지 검증하여 오타나 잘못된 설정으로 인한 무시되는 오류를 방지합니다.
잘못된 예시
이 규칙에 대한 잘못된 코드 예시입니다.
// ❌ 알 수 없는 옵션 이름
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'
}]
]
};유효한 옵션은 설정 문서를 확인하세요.
// ✅ 더 나은 방법: 유효한 설정
module.exports = {
plugins: [
['babel-plugin-react-compiler', {
compilationMode: 'all', // 또는 'infer'
panicThreshold: 'none', // 또는 'critical_errors', 'all_errors'
// 문서화된 옵션만 사용하세요
}]
]
};