Migrating from Babel
SWC's compilation is intended to support all ECMAScript features. The SWC CLI is designed to be a drop-in replacement for Babel:
$ npx babel # old
$ npx swc # newComparison
This table outlines the differences between SWC and Babel.
| babel package name | swc |
|---|---|
| babel-plugin-external-helpers | ✔️ |
| babel-plugin-proposal-async-generator-functions | ✔️ |
| babel-plugin-proposal-class-properties | ✔️ |
| babel-plugin-proposal-decorators | ✔️ |
| babel-plugin-proposal-do-expressions | ❌ (stage 1) |
| babel-plugin-proposal-dynamic-import | ✔️ |
| babel-plugin-proposal-export-default-from | ✔️ |
| babel-plugin-proposal-export-namespace-from | ✔️ |
| babel-plugin-proposal-function-bind | ❌ (stage 0) |
| babel-plugin-proposal-function-sent | ❌ (stage 2) |
| babel-plugin-proposal-json-strings | ✔️ |
| babel-plugin-proposal-logical-assignment-operators | ✔️ |
| babel-plugin-proposal-nullish-coalescing-operator | ✔️ |
| babel-plugin-proposal-numeric-separator | ✔️ |
| babel-plugin-proposal-object-rest-spread | ✔️ |
| babel-plugin-proposal-optional-catch-binding | ✔️ |
| babel-plugin-proposal-optional-chaining | ✔️ |
| babel-plugin-proposal-partial-application | ❌ (stage 1) |
| babel-plugin-proposal-pipeline-operator | ❌ (stage 0) |
| babel-plugin-proposal-private-methods | ✔️ |
| babel-plugin-proposal-throw-expressions | ❌ (stage 2) |
| babel-plugin-proposal-unicode-property-regex | ❌ |
| babel-plugin-syntax-async-generators | ✔️ |
| babel-plugin-syntax-bigint | ✔️ |
| babel-plugin-syntax-class-properties | ✔️ |
| babel-plugin-syntax-decorators | ✔️ |
| babel-plugin-syntax-do-expressions | ❌ (stage 1) |
| babel-plugin-syntax-dynamic-import | ✔️ |
| babel-plugin-syntax-export-default-from | ✔️ |
| babel-plugin-syntax-export-namespace-from | ✔️ |
| babel-plugin-syntax-flow | ❌ |
| babel-plugin-syntax-function-bind | ❌ (stage 0) |
| babel-plugin-syntax-function-sent | ❌ (stage 2) |
| babel-plugin-syntax-import-meta | ❌ (stage 3, wip) |
| babel-plugin-syntax-json-strings | ✔️ |
| babel-plugin-syntax-jsx | ✔️ |
| babel-plugin-syntax-logical-assignment-operators | ❌ (stage 1) |
| babel-plugin-syntax-nullish-coalescing-operator | ✔️ |
| babel-plugin-syntax-numeric-separator | ✔️ |
| babel-plugin-syntax-object-rest-spread | ✔️ |
| babel-plugin-syntax-optional-catch-binding | ✔️ |
| babel-plugin-syntax-optional-chaining | ✔️ |
| babel-plugin-syntax-partial-application | ❌ (stage 1) |
| babel-plugin-syntax-pipeline-operator | ❌ (stage 0) |
| babel-plugin-syntax-throw-expressions | ❌ (stage 2) |
| babel-plugin-syntax-top-level-await | ✔️ |
| babel-plugin-syntax-typescript | ✔️ |
| babel-plugin-transform-arrow-functions | ✔️ |
| babel-plugin-transform-async-to-generator | ✔️ |
| babel-plugin-transform-block-scoped-functions | ✔️ |
| babel-plugin-transform-block-scoping | ✔️ |
| babel-plugin-transform-classes | ✔️ |
| babel-plugin-transform-computed-properties | ✔️ |
| babel-plugin-transform-destructuring | ✔️ |
| babel-plugin-transform-dotall-regex | ❌ |
| babel-plugin-transform-duplicate-keys | ✔️ |
| babel-plugin-transform-exponentiation-operator | ✔️ |
| babel-plugin-transform-flow-comments | ❌ |
| babel-plugin-transform-flow-strip-types | ❌ |
| babel-plugin-transform-for-of | ✔️ |
| babel-plugin-transform-function-name | ✔️ |
| babel-plugin-transform-instanceof | ✔️ |
| babel-plugin-transform-jscript | ❌ |
| babel-plugin-transform-literals | ✔️ |
| babel-plugin-transform-member-expression-literals | ✔️ |
| babel-plugin-transform-modules-amd | ✔️ |
| babel-plugin-transform-modules-commonjs | ✔️ |
| babel-plugin-transform-modules-systemjs | ❌ |
| babel-plugin-transform-modules-umd | ✔️ |
| babel-plugin-transform-named-capturing-groups-regex | ❌ |
| babel-plugin-transform-new-target | ❌ |
| babel-plugin-transform-object-assign | ❌ |
| babel-plugin-transform-object-set-prototype-of-to-assign | ❌ |
| babel-plugin-transform-object-super | ❌ |
| babel-plugin-transform-object-rest-spread | ✔️ |
| babel-plugin-transform-parameters | ✔️ |
| babel-plugin-transform-property-literals | ✔️ |
| babel-plugin-transform-property-mutators | ❌ |
| babel-plugin-transform-proto-to-assign | ❌ |
| babel-plugin-transform-react-constant-elements | ❌ |
| babel-plugin-transform-react-display-name | ✔️ |
| babel-plugin-transform-react-inline-elements | ❌ |
| babel-plugin-transform-react-jsx | ✔️ |
| babel-plugin-transform-react-jsx-compat | ❌ |
| babel-plugin-transform-react-jsx-self | ✔️ |
| babel-plugin-transform-react-jsx-source | ✔️ |
| babel-plugin-transform-regenerator | ✔️ |
| babel-plugin-transform-reserved-words | ✔️ |
| babel-plugin-transform-runtime | ✔️ |
| babel-plugin-transform-shorthand-properties | ✔️ |
| babel-plugin-transform-spread | ✔️ |
| babel-plugin-transform-sticky-regex | ✔️ |
| babel-plugin-transform-strict-mode | ✔️ |
| babel-plugin-transform-template-literals | ✔️ |
| babel-plugin-transform-typeof-symbol | ✔️ |
| babel-plugin-transform-typescript | ✔️ |
| babel-plugin-transform-unicode-regex | ❌ |
| babel-preset-env | ✔️ |
| babel-preset-env-standalone | ❌ |
| babel-preset-flow | ❌ |
| babel-preset-react | ✔️ |
| babel-preset-stage-0 | ❌ |
| babel-preset-stage-1 | ❌ |
| babel-preset-stage-2 | ❌ |
| babel-preset-stage-3 | ❌ |
| babel-preset-typescript | ✔️ |
| babel-register | ✔️ (swc-register) |
Last updated on November 3, 2022