npm 包 @gerhobbelt/babel-plugin-proposal-numeric-separator 使用教程

简介

@gerhobbelt/babel-plugin-proposal-numeric-separator 是一个 babel 插件,可以在编译时将数字中的下划线转化为正常数字,方便阅读和书写。这个插件是采用 ECMAScript 提案中的 Numeric Separators(数字分隔符)语法。

安装

使用 npm 安装:

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

使用

在 babel.config.js 中添加插件

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

在 .babelrc 中添加插件

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

示例代码

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

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

总结

@gerhobbelt/babel-plugin-proposal-numeric-separator 这个插件可以为我们带来方便,提高代码阅读和书写的效率,同时避免了因代码常量多且复杂而引起的代码理解和修改的错误。我们可以在实际开发中尝试使用并享受其中的便利。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5f02ce4b403f2923b035bda5


猜你喜欢

  • npm 包@gerhobbelt/babel-plugin-syntax-dynamic-import 使用教程

    在前端开发中,我们经常会用到模块化开发,而动态导入是模块化中的重要方式之一。而在 ES6 中,我们可以使用 import() 方法来进行动态导入,但在某些情况下,import() 并不能满足我们的需求...

    4 年前
  • npm 包 @gerhobbelt/babel-plugin-syntax-import-meta 使用教程

    npm 包 @gerhobbelt/babel-plugin-syntax-import-meta 使用教程 如果你正在开发一个 JavaScript 应用或库,你一定会使用到 Babel 这个工具来...

    4 年前
  • npm 包 @gerhobbelt/babel-preset-stage-3 使用教程

    在前端开发中,Babel 是一个非常有用的工具,它可以将最新版本的 JavaScript 代码转换成向后兼容的代码,使得我们能够在旧版浏览器上运行我们的应用程序。而 @gerhobbelt/babel...

    4 年前
  • npm 包 @gerhobbelt/babel-preset-stage-2 使用教程

    在前端开发中,JavaScript 是一种非常重要的语言。然而,不同的开发者有不同的喜好和风格,这就需要一些工具来将代码进行转化,使其适应不同的开发需求。Babel 是一个非常常见的工具,它可以将 J...

    4 年前
  • npm 包 @gerhobbelt/markdown-it-toc-and-anchor 使用教程

    如果你是一位前端开发者,你肯定知道 markdown 是一种编写文档的纯文本标记语言,非常适合写技术文档或者博客。但是,在编写大型文档或者网站时,经常需要生成文档目录和文章内部链接,这时候就需要使用著...

    4 年前
  • npm 包 @gerhobbelt/prepend-header 使用教程

    在前端开发的工作中,我们经常需要对多个 JavaScript 文件进行合并,或者需要给 Javascript 文件添加一些版权信息或者其他的头信息。这时,一个能够自动添加头信息的 npm 包就显得格外...

    4 年前
  • npm 包 @gerhobbelt/markdown-it-wikilinks 使用教程

    简介 在开发前端应用时,我们通常会用到各种依赖库和工具。而 npm 就是用来帮助我们管理这些依赖的工具。其中,@gerhobbelt/markdown-it-wikilinks 是一个非常有用的 np...

    4 年前
  • npm 包 @gerhobbelt/prismjs 使用教程

    简介 前端类的技术文章不可避免地需要讲到代码渲染,特别是在实现代码高亮的时候。而在这个领域里,@gerhobbelt/prismjs 是一个非常好用的 npm 包,它可以在浏览器端或者 Node.js...

    4 年前
  • npm 包 @gerhobbelt/markdown-it 使用教程

    随着现代 Web 技术的发展,前端开发的范围越来越广。其中,Markdown 已经成为了一种非常流行的文本格式,并被广泛用于写作、博客、文档等方面。在前端开发中,使用 Markdown 渲染引擎可以帮...

    4 年前
  • npm包@gerhobbelt/pretty-bytes使用教程

    随着前端开发的快速发展,JavaScript已经成为了最为流行的编程语言之一。在前端项目的开发过程中,我们经常需要处理数据的大小,这时候就需要使用到@gerhobbelt/pretty-bytes。

    4 年前
  • npm 包 @gerhobbelt/serve-index 使用教程

    介绍 @gerhobbelt/serve-index 是一个 Node.js 包,它提供了一个可以用于展示服务器上某一目录下文件列表的中间件。它可以被用作 Node.js 中 Express 等框架的...

    4 年前
  • npm 包 @gerhobbelt/stream-sink 使用教程

    前言 在前端开发中,我们通常需要处理很多数据。数据源可能是后端 API、LocalStorage、浏览器事件等。而基于流的操作可以轻松地处理这些数据源。 npm 包 @gerhobbelt/strea...

    4 年前
  • npm 包 @gerhobbelt/live-server 使用教程

    前言 在前端开发中,我们常常需要通过一个本地服务器来预览我们所写的代码。而 @gerhobbelt/live-server 就是这样一个本地服务器。它可以帮助我们快速启动一个本地服务器,并自动刷新网页...

    4 年前
  • npm 包 easy-svg 使用教程

    easy-svg 是一个基于 Node.js 的 npm 包,可以帮助前端开发人员快速生成 SVG 图形文件。本篇文章将详细介绍 easy-svg 包的使用方法,并提供示例代码帮助读者更加深入地学习和...

    4 年前
  • npm 包 remove-accents 使用教程

    在前端开发中,我们经常会遇到需要处理字符串的情况,特别是需要将原始字符串转换为 URL 可用的形式,或者需要在字符串中有着不同语言的字母时需要去除重音符。这时,我们可以使用一个叫做 remove-ac...

    4 年前
  • npm 包 @mariocasciaro/benchpress 使用教程

    什么是 @mariocasciaro/benchpress? @mariocasciaro/benchpress 是一款性能测试工具,可以帮助开发者测量 JavaScript 函数的性能和消耗资源情况...

    4 年前
  • npm 包 popsicle-transport-http 使用教程

    简介 popsicle-transport-http 是一个用于 Node.js 或浏览器环境下的 HTTP 请求发送器,该模块支持通过 Promise 机制来处理请求结果,并且与大多数的请求模块相比...

    4 年前
  • npm 包 crossbow-ctx 使用教程

    简介 crossbow-ctx 是一个用于构建静态资源的 npm 包。它可以让开发者在构建过程中通过管道的方式对静态资源进行修改和处理。 crossbow-ctx 是基于 crossbow 构建的,但...

    4 年前
  • npm 包 crossbow-babel-browserify 使用教程

    简介 crossbow-babel-browserify 是一款 npm 包,它可以帮助前端开发者将使用 ES6/ ES7 语法编写的 JavaScript 代码编译为 ES5 代码,并通过 brow...

    4 年前
  • npm 包 prom-seq 使用教程

    在前端开发中,我们经常会遇到需要进行异步操作的情况。而异步操作有一个问题,就是可能会造成代码的混乱和难以维护。针对这个问题,有一种解决方案就是使用 Promise。

    4 年前

相关推荐

    暂无文章