@babel/standalone

What is @babel/standalone?

@babel/standalone is a standalone build of Babel for use in browsers and other non-Node.js environments. It allows you to transpile ES6+ code to ES5 directly in the browser or other environments without needing a build step.

What are @babel/standalone's main functionalities?

Transpile ES6+ to ES5

This feature allows you to transpile modern JavaScript (ES6+) to older versions (ES5) directly in the browser. The code sample demonstrates how to transform an ES6 arrow function to ES5 using the 'env' preset.

const inputCode = 'const arrowFunction = () => {};';
const outputCode = Babel.transform(inputCode, { presets: ['env'] }).code;
console.log(outputCode);

Use Babel plugins

You can use Babel plugins to transform specific JavaScript features. The code sample shows how to transform ES6 classes to ES5 using the 'transform-es2015-classes' plugin.

const inputCode = 'class Example {}';
const outputCode = Babel.transform(inputCode, { plugins: ['transform-es2015-classes'] }).code;
console.log(outputCode);

Custom Babel configurations

You can customize Babel configurations to target specific environments. The code sample demonstrates how to use the 'env' preset with custom browser targets.

const inputCode = 'const x = 1;';
const outputCode = Babel.transform(inputCode, { presets: [['env', { targets: { browsers: ['last 2 versions'] } }]] }).code;
console.log(outputCode);

Other packages similar to @babel/standalone

typescript

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It offers type-checking and transpilation from TypeScript to JavaScript. Unlike @babel/standalone, TypeScript focuses on adding static types to JavaScript.

traceur

Traceur is a JavaScript.next-to-JavaScript-of-today compiler. It allows you to use features from the latest JavaScript standard (ES6 and beyond) and compiles them to ES5. Traceur is similar to @babel/standalone but is less flexible in terms of plugins and presets.

esbuild

esbuild is an extremely fast JavaScript bundler and minifier. It supports modern JavaScript and TypeScript syntax and can transpile to older versions of JavaScript. Unlike @babel/standalone, esbuild is designed for speed and efficiency in build processes.

README

@babel/standalone

Standalone build of Babel for use in non-Node.js environments.

See our website @babel/standalone for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/standalone

or using yarn:

yarn add @babel/standalone --dev

Changelog

v7.21.3 (2023-03-14)

:eyeglasses: Spec Compliance

• babel-parser
  • #15479 disallow mixins/implements in flow interface (@JLHwung)

:bug: Bug Fix

• babel-parser
  • #15423 [ts] Allow keywords in tuple labels (@Harpica)
• babel-plugin-transform-typescript
  • #15489 Register var decls generated by import ... = TS transform (@amoeller)
  • #15494 fix: Consider export { type foo } as type-only usage (@magic-akari)

:nail_care: Polish

• babel-traverse, babel-types
  • #15484 Skip node deprecation warnings when used by an old @babel package (@nicolo-ribaudo)
• babel-generator
  • #15480 chore: Improve jsonCompatibleStrings deprecation (@liuxingbaoyu)

:house: Internal

• #15465 Add ESLint-readable package name (@nzakas)

:microscope: Output optimization

• babel-plugin-transform-typescript, babel-preset-typescript
  • #15467 Optimize TS enums output (@liuxingbaoyu)