Babel

Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.

Language Info

Name

babel

Extensions

.es, .babel

Editor

script

Compiler

The official @babel/standalone compiler.

Version

@babel/standalone: v7.24.7

Custom Settings

Custom settings added to the property babel are passed as a JSON object to the Babel.transform method during compile. Please check the documentation for full reference.

By default, the following configuration is used:

{
  "babel": { "presets": [["env", { "modules": false }], "typescript", "react"] }
}

Please note that custom settings should be valid JSON (i.e. functions are not allowed).

Example Usage

import LiveCodes from '../../src/components/LiveCodes.tsx';

export const params = { babel: 'export const numbers = [1, 2, 3].map((x) => x * 2);\n\nexport const Greet = (name: string) => <>Hello {name}!</>;\n', compiled: 'open', };

1.4 KiB Raw Permalink Blame History