config
์ปดํ์ผ๋ฌ ์ค์ ์ต์ ์ ๊ฒ์ฆํฉ๋๋ค.
๊ท์น ์ธ๋ถ ์ฌํญ
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'
// ๋ฌธ์ํ๋ ์ต์
๋ง ์ฌ์ฉํ์ธ์
}]
]
};