@babel/plugin-proposal-numeric-separator

What is @babel/plugin-proposal-numeric-separator?

The @babel/plugin-proposal-numeric-separator package is a Babel plugin that allows developers to use the numeric separator feature proposed for JavaScript. This feature enables developers to make their numeric literals more readable by creating a visual separation between groups of digits, similar to how commas or periods are used in some cultures to separate thousands or denote decimals.

What are @babel/plugin-proposal-numeric-separator's main functionalities?

Readable large numbers

Improves the readability of large numbers by allowing underscores as separators.

1000000 // Without numeric separator
1_000_000 // With numeric separator

Readable binary numbers

Enhances the readability of binary numbers by permitting underscores between bits.

0b1010101010101010 // Without numeric separator
0b1010_1010_1010_1010 // With numeric separator

Readable hexadecimal numbers

Improves the readability of hexadecimal numbers by allowing underscores between bytes.

0xDEADBEEF // Without numeric separator
0xDEAD_BEEF // With numeric separator

Readable BigInt literals

Enhances the readability of BigInt literals by permitting underscores as separators.

100000000000000000000n // Without numeric separator
100_000_000_000_000_000_000n // With numeric separator

Other packages similar to @babel/plugin-proposal-numeric-separator

typescript

TypeScript, a superset of JavaScript, includes support for numeric separators as part of its language features. It provides similar readability improvements for numeric literals. However, TypeScript is a full-fledged language with a compiler, whereas @babel/plugin-proposal-numeric-separator is a plugin for Babel that transpiles this specific feature.

eslint-plugin-unicorn

The ESLint plugin 'eslint-plugin-unicorn' includes a rule called 'numeric-separators-style' which enforces the consistent use of numeric separators in literals. While it doesn't transpile code like Babel, it helps maintain code quality and readability by linting the numeric separator usage.

README

@babel/plugin-proposal-numeric-separator

Remove numeric separators from Decimal, Binary, Hex and Octal literals

See our website @babel/plugin-proposal-numeric-separator for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-numeric-separator

or using yarn:

yarn add @babel/plugin-proposal-numeric-separator --dev