npm 包 @babel/plugin-syntax-numeric-separator 使用教程-JavaScript中文网-JavaScript教程资源分享门户

简介

@babel/plugin-syntax-numeric-separator 是一个 Babel 插件，用于解析数字中的下划线分隔符。这个插件可以帮助开发者更加方便地书写长数字，提高可读性。该插件需要配合 @babel/core 使用，在编译 JavaScript 代码时，使用该插件才能正确解析数字中的下划线分隔符。

安装

npm install @babel/core @babel/plugin-syntax-numeric-separator --save-dev

使用

在 webpack 配置文件或 Babel 配置文件中，添加 @babel/plugin-syntax-numeric-separator 插件。

webpack 配置

-- -------------------- ---- -------
-------------- - -
  -- ---
  ------- -
    ------ --
      ----- --------
      ------- ---------------
      -------- -
        -------- ----------------------
        -------- ------------------------------------------
      -
    --
  -
-

Babel 配置

{
  "presets": ["@babel/preset-env"],
  "plugins": ["@babel/plugin-syntax-numeric-separator"]
}

示例

const million = 1_000_000;
const binary = 0b1010_0001;
const hex = 0xFF_0F_00;
const bigDecimal = 123_456_789.12_345_678;

结语

使用 @babel/plugin-syntax-numeric-separator 插件可以更加方便地书写长数字，提高代码可读性。但使用前需要注意，该插件需要配合 @babel/core 使用，否则会导致无法正确解析代码中的下划线分隔符。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/184889