npm 包 @redisrupt/better-npm-run 使用教程

在前端开发中,使用 npm 进行包管理是常见做法。而 @redisrupt/better-npm-run 可以帮助我们更好地管理 npm scripts,本篇文章将详细介绍该包的使用方法。

什么是 @redisrupt/better-npm-run

@redisrupt/better-npm-run 是一个 npm 包,它提供了一种更好的方式来管理 npm scripts,可以在命令行中轻松使用。它可以进行以下优化:

  • 使用纯命令行代替 package.json 中的 scripts
  • 支持在命令行中动态添加 npm scripts
  • 支持并发运行多个 npm script,并且能够设置不同的退出条件
  • 支持添加脚本前缀和后缀等操作

安装

可以通过以下命令进行全局安装:

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

使用

普通使用

在项目的根目录下创建一个 better-npm-run.yml 文件,并输入以下内容:

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

然后可以通过以下命令运行脚本:

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

动态添加脚本

在命令行中使用 -- 选项添加一个新的脚本并立即运行:

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

并发运行脚本

可以通过以下方式并发运行多个脚本:

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

运行命令:

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

使用前缀和后缀

可以在 YAML 文件中添加前缀和后缀。前缀和后缀可以是数组或字符串类型。

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

执行 better-npm-run start 命令时将会打印以下内容:

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

并发运行并设置退出条件

可以通过以下配置在并发运行多个脚本时设置退出条件:

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

在上面的配置中,如果 dev 脚本退出码为 0,则运行 server 脚本。如果 dev 脚本退出码不为 0,则 server 脚本不会运行。

结语

@redisrupt/better-npm-run 提供了一种更好的方式来管理 npm scripts,可以使我们更轻松地管理项目中的脚本。它的使用方法也十分简单,可以轻松入手。推荐给前端开发者进行尝试。

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


猜你喜欢

  • npm 包 @bentley/imodeljs-clients 使用教程

    介绍 @bentley/imodeljs-clients 是一个基于 Typescript 的 npm 包,它是 Bentley's iTwin Platform 的一部分。

    5 年前
  • npm 包 @bentley/imodeljs-frontend 使用教程

    引言 @bentley/imodeljs-frontend 是一款强大的前端工具,可以实现 iModel 文件的加载、显示和编辑。本文将介绍如何使用 @bentley/imodeljs-fronten...

    5 年前
  • npm 包 @bentley/imodeljs-common 使用教程

    引言 在现代 Web 应用程序的开发中,使用大量的 npm 包和类库是不可避免的。其中一个很常用的 npm 包就是 @bentley/imodeljs-common。

    5 年前
  • npm包@bentley/imodeljs-backend使用教程

    在前端开发中,我们经常需要对三维场景进行建模和展示,而@bentley/imodeljs-backend则是一款非常优秀的npm包,它可以帮助我们快速完成基于WebGL的三维场景建模和展示。

    5 年前
  • npm 包 @bentley/build-tools 使用教程

    前言 在前端开发中,执行构建任务是必不可少的过程。而 npm 包 @bentley/build-tools 就是一个非常方便的构建工具,它能够自动化执行各种构建任务,为前端开发者提供了很大的便利。

    5 年前
  • npm 包 @bentley/bentleyjs-core 使用教程

    前言 在前端开发中,我们经常需要使用各种 npm 包来简化开发流程并提高代码的可维护性。其中,@bentley/bentleyjs-core 是一个非常实用的工具库,它提供了一系列可重用的核心组件来帮...

    5 年前
  • npm包 eslint-plugin-antcube 使用教程

    介绍 eslint-plugin-antcube 是一个用于 ESLint 的插件,它提供了用于在蚂蚁金服移动应用前端规范中的一些 ESLint 校验规则,以便于保证代码的质量和一致性,并且可适用于各...

    5 年前
  • NPM 包 CSS 使用教程

    随着前端开发的不断发展,现代化的前端应用程序需要越来越多的 CSS 库和框架来实现各种样式。NPM 上有大量的这样的 CSS 库和框架,使得前端开发人员可以轻松地使用这些库来构建美观的用户界面。

    5 年前
  • npm 包 @cirrusct/mr-build-typescript 使用教程

    什么是 @cirrusct/mr-build-typescript? @cirrusct/mr-build-typescript 是一个针对 TypeScript 开发者的 npm 包,它可以快速而方...

    5 年前
  • npm 包 @types/ora 使用教程

    在前端开发中,npm 是一个必不可少的工具,它提供了许多方便的包,让我们的开发变得更加容易。本文将重点介绍一个 npm 包 @types/ora,它可以帮助我们在控制台中展示 loading 效果,非...

    5 年前
  • npm 包 @types/log-symbols 使用教程

    简介 在前端开发中,我们经常需要在控制台输出一些提示信息,用以帮助我们调试代码和了解程序运行状态。而这些提示信息中,可能会需要使用到一些特殊的符号,例如勾号、叉号等,用以表示成功、失败等状态。

    5 年前
  • npm 包 @types/http-proxy-middleware 使用教程

    在前端开发中,我们经常需要使用代理来解决跨域问题。在 Node.js 中,我们可以使用 http-proxy-middleware 包来实现代理,但是在 TypeScript 中,我们需要使用 @ty...

    5 年前
  • npm 包 @types/connect-slashes 使用教程

    前言 在前端开发中,我们经常需要使用第三方库来帮助我们更快地开发项目。但是有些第三方库并未提供充分的类型声明,这就使得 TypeScript 开发变得困难。幸运的是,有一种 npm 包 @types,...

    5 年前
  • npm 包 @types/stylelint 使用教程

    在前端开发过程中,样式表的规范化是非常重要的一环。而 stylelint 就是一款可以帮助开发者进行静态样式代码验证的工具。但是,在使用 typeScript 进行项目开发时,stylelint 的类...

    5 年前
  • npm 包 @burst/types 使用教程

    在前端开发过程中,我们经常需要处理各种类型的数据。而为了方便开发者处理数据,npm 提供了一系列的工具包,每个工具包都有不同的功能。本篇文章主要介绍 npm 包 @burst/types,帮助读者更好...

    5 年前
  • npm 包 @burst/stylelint-config 使用教程

    前言 @burst/stylelint-config 是一种用于风格检查的 stylelint 配置包,适用于前端开发环境,可以帮助开发人员更好地规范化代码书写风格,提高代码的可读性和可维护性。

    5 年前
  • npm 包 @burst/prettier-config 使用教程

    在开发前端项目时,代码规范和风格一直都是必不可少的。而 Prettier 是目前比较流行的代码格式化工具之一,它可以统一代码风格,避免不必要的争议。在使用 Prettier 的过程中,我们需要配置一些...

    5 年前
  • npm 包 @burst/eslint-config 使用教程

    @burst/eslint-config 是一个针对前端项目使用的 ESLint 配置包。在本文中,我将为您介绍如何安装和使用此包,并且会提供一些示例代码、深入学习和指导建议。

    5 年前
  • npm 包 @types/cosmiconfig 使用教程

    随着前端技术的不断发展,我们的工程越来越庞大,配置文件也越来越多,如何优雅且高效地读取、解析配置文件成为了我们必须要思考的问题。这时,npm 中的 cosmiconfig 包应运而生,它能够方便地读取...

    5 年前
  • npm 包 @kiind/build 使用教程

    什么是 @kiind/build @kiind/build 是一个为前端工程师设计的 npm 包,可以让你更加高效地构建前端项目。它的特点在于使用了现代化的技术和工具,同时提供了丰富的自定义配置选项。

    5 年前

相关推荐

    暂无文章