आधुनिक बनाम Legacy Browsers को Target करना

आधुनिक targets: कम transpilation

यदि केवल आधुनिक browsers को support कर रहे हैं (Chrome 90+, Firefox 88+), Babel अधिकांश transpilation को छोड़ देता है। आधुनिक JavaScript विशेषताएं natively काम करती हैं, bundle size को कम करती हैं।

Browserslist उदाहरण

Targets को परिभाषित करने के लिए browserslist syntax का उपयोग करें। Preset-env इसे पढ़ता है और accordingly transpile करता है।

// Modern SPA: less transpilation
{
  "targets": {
    "browsers": ["last 2 Chrome versions", "last 2 Firefox versions"]
  }
}

// Legacy support: more transpilation
{
  "targets": {
    "browsers": ["IE 11", "iOS >= 9"]
  }
}

Bundle impact को measure करें

बहुत पुराने browsers के लिए transpile करने से bundle size 20-30% बढ़ सकता है। आधुनिक targets के लिए अक्सर transpilation लगभग पूरी तरह छोड़ा जा सकता है, जिससे kilobytes बचते हैं।