पाठ 22 / 30
SWC Configuration और Options
.swcrc configuration और module handling में master बनें।
.swcrc .babelrc से simpler है
SWC का config अधिक opinionated है: कम options, स्पष्ट structure। आप targets निर्दिष्ट करते हैं, enable/disable करने के लिए features, और वह ज्यादातर है।
पूर्ण .swcrc उदाहरण
एक typical SWC config में env (targets), jsc (parser/syntax), और module settings शामिल हैं।
{
"env": {
"targets": { "chrome": "90", "firefox": "88" }
},
"jsc": {
"parser": {
"syntax": "typescript",
"tsx": true
},
"transform": {
"react": { "runtime": "automatic" }
}
},
"module": {
"type": "es6"
}
}SWC का JSX डिफ़ॉल्ट रूप से automatic है
SWC डिफ़ॉल्ट रूप से React 17+ automatic JSX का उपयोग करता है (React import की जरूरत नहीं)। Babel की classic setup से कम boilerplate।