@babel/plugin-proposal-numeric-separator
Advanced tools
Remove numeric separators from Decimal, Binary, Hex and Octal literals
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.
Readable large numbers
Improves the readability of large numbers by allowing underscores as separators.
1000000 // Without numeric separator
1_000_000 // With numeric separatorReadable binary numbers
Enhances the readability of binary numbers by permitting underscores between bits.
0b1010101010101010 // Without numeric separator
0b1010_1010_1010_1010 // With numeric separatorReadable hexadecimal numbers
Improves the readability of hexadecimal numbers by allowing underscores between bytes.
0xDEADBEEF // Without numeric separator
0xDEAD_BEEF // With numeric separatorReadable 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 separatorTypeScript, 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.
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.
Remove numeric separators from Decimal, Binary, Hex and Octal literals
See our website @babel/plugin-proposal-numeric-separator for more information.
Using npm:
npm install --save-dev @babel/plugin-proposal-numeric-separator
or using yarn:
yarn add @babel/plugin-proposal-numeric-separator --dev
v7.18.6 (2022-06-27)
babel-parser
...<...> followed by newline or binary operator (@nicolo-ribaudo)babel-generator, babel-parser, babel-preset-env, babel-template
babel-helper-remap-async-to-generator, babel-plugin-proposal-async-generator-functions
await in computed class keys (@Yokubjon-J)babel-plugin-transform-parameters
babel-core
babel-core (@liuxingbaoyu)babel-core, babel-helper-check-duplicate-nodes, babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-destructuring-private, babel-plugin-proposal-optional-chaining, babel-plugin-transform-runtime
import { types } from "@babel/core" with native ESM (@nicolo-ribaudo)babel-standalone
proposal-unicode-sets-regex to @babel/standalone (@nicolo-ribaudo)babel-generator, babel-types
babel-code-frame, babel-core, babel-generator, babel-helper-annotate-as-pure, babel-helper-builder-binary-assignment-operator-visitor, babel-helper-builder-react-jsx, babel-helper-check-duplicate-nodes, babel-helper-compilation-targets, babel-helper-create-class-features-plugin, babel-helper-create-regexp-features-plugin, babel-helper-define-map, babel-helper-explode-assignable-expression, babel-helper-fixtures, babel-helper-function-name, babel-helper-hoist-variables, babel-helper-member-expression-to-functions, babel-helper-module-imports, babel-helper-module-transforms, babel-helper-optimise-call-expression, babel-helper-plugin-test-runner, babel-helper-plugin-utils, babel-helper-remap-async-to-generator, babel-helper-replace-supers, babel-helper-simple-access, babel-helper-split-export-declaration, babel-helper-transform-fixture-test-runner, babel-helper-validator-option, babel-helper-wrap-function, babel-helpers, babel-highlight, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-external-helpers, babel-plugin-proposal-async-generator-functions, babel-plugin-proposal-class-static-block, babel-plugin-proposal-decorators, babel-plugin-proposal-destructuring-private, babel-plugin-proposal-function-bind, babel-plugin-proposal-function-sent, babel-plugin-proposal-json-strings, babel-plugin-proposal-object-rest-spread, babel-plugin-proposal-optional-chaining, babel-plugin-proposal-partial-application, babel-plugin-proposal-pipeline-operator, babel-plugin-proposal-private-property-in-object, babel-plugin-proposal-record-and-tuple, babel-plugin-syntax-typescript, 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-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-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-systemjs, babel-plugin-transform-modules-umd, babel-plugin-transform-object-super, babel-plugin-transform-parameters, 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-compat, babel-plugin-transform-react-jsx-source, babel-plugin-transform-react-jsx, babel-plugin-transform-runtime, babel-plugin-transform-typescript, babel-plugin-transform-unicode-escapes, babel-preset-env, babel-preset-typescript, babel-standalone, babel-template, babel-traverse, babel-types
babel-core, babel-helper-transform-fixture-test-runner, babel-plugin-transform-destructuring
FAQs
Remove numeric separators from Decimal, Binary, Hex and Octal literals
The npm package @babel/plugin-proposal-numeric-separator receives a total of 7,794,113 weekly downloads. As such, @babel/plugin-proposal-numeric-separator popularity was classified as popular.
We found that @babel/plugin-proposal-numeric-separator demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.