अन्य आवश्यक Presets

JSX के लिए @babel/preset-react

@babel/preset-react JSX syntax को संभालता है, <Component /> को React.createElement(...) कॉल में बदलता है। React projects के लिए आवश्यक है।

@babel/preset-typescript

Type-checking के बिना TypeScript type annotations को हटाएँ। Babel : string, <T>, आदि को हटाता है, वैध JavaScript छोड़ता है।

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react",
    "@babel/preset-typescript"
  ]
}

Presets को क्रम में लागू किया जाता है

Babel presets को reverse order में लागू करता है। @babel/preset-typescript को last में रखें ताकि type stripping पहले हो, फिर अन्य transformations।