npm 包 madrun 使用教程

简介

madrun 是一个 npm 包,用于简化前端项目的常见任务如编译、启动服务器等。它允许用户使用简单的配置文件定义指令,并在命令行中轻松执行这些指令。

安装

使用 npm 包管理器全局安装 madrun:

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

使用示例

编译

定义一个名为 build 的指令来编译 TypeScript 代码,可以在配置文件 madrun.js 中这样写:

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

这段代码定义了一个 build 指令,它会调用 TypeScript 编译器(tsc)在当前目录编译 TypeScript 文件。

在命令行中运行以下命令来执行这个指令:

------ -----

服务器

定义一个名为 start 的指令来启动一个开发服务器,可以在配置文件 madrun.js 中这样写:

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

这段代码定义了一个 start 指令,它会调用 nodemon 运行一个名为 app.js 的 JavaScript 文件作为服务器脚本。

在命令行中运行以下命令来执行这个指令:

------ -----

高级用法

madrun 支持更加复杂的指令定义,可以为每个指令指定多个任务,或者在执行指令前后安装和卸载 npm 模块。

复杂的指令定义

可以为一个指令定义多个任务。比如,你可以定义一个名为 build 的指令,它执行 TypeScript 编译器、Babel 编译器和 UglifyJS 压缩器。可以在配置文件 madrun.js 中这样写:

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

在命令行中运行以下命令来执行这个指令:

------ -----

这个指令将依次执行三个任务:调用 TypeScript 编译器编译代码、使用 Babel 编译代码并输出到 lib 目录、使用 UglifyJS 压缩代码。

安装和卸载 npm 模块

可以在执行指令前后自动安装和卸载 npm 模块。比如,你可以在执行名为 start 的指令前安装 nodemon 模块,在执行完成后再卸载它。可以在配置文件 madrun.js 中这样写:

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

在命令行中运行以下命令来执行这个指令:

------ -----

这个指令将依次执行三个任务:安装 nodemon 模块、运行服务器并监听文件变化、卸载 nodemon 模块。

总结

madrun 是一个非常实用的 npm 包,可以帮助前端工程师简化项目开发中的常见任务。通过本文的介绍,你可以轻松地使用 madrun 来定义指令并运行任务。同时,高级用法部分介绍了更加复杂的指令定义以及安装和卸载 npm 模块的方法,帮助你更好地利用 madrun 来提高工作效率。

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


猜你喜欢

  • npm 包 axon 使用教程

    前言 如今,前端开发技术趋向于多样化和复杂化,而npm成为了一个让我们更快更高效地解决前端问题的宝库。我们常常使用npm包来优化我们的开发流程。在本文中,我们将介绍一个非常实用的npm包:axon,它...

    5 年前
  • npm 包 pngparse 使用教程

    1. 什么是 pngparse pngparse 是一个能够解析 PNG 文件的 npm 包。它可以读取 PNG 图像数据流并输出图像的各项属性,如宽度、高度、像素深度、颜色类型等,并将图像数据解压缩...

    5 年前
  • npm 包 electron-screenshot-service 使用教程

    electron-screenshot-service 是一个基于 Electron 的截图工具,可以帮助你快速地在你的 Electron 应用中添加截图功能。该工具可以截取整个窗口,甚至是跨窗口的元...

    5 年前
  • npm 包 d3plus-color 使用教程

    引言 在前端开发中,数据可视化是一个重要而又经常被提及的话题。在数据可视化中,我们需要对数据进行统计和分析,并将这些数据显示在图表等可视化方式中。其中,d3.js 是一个重要的开源 JavaScrip...

    5 年前
  • npm 包 d3-interpolate-path 使用教程

    简介 d3-interpolate-path 是 d3.js 的 interpolatePath 方法的 npm 包版本。它提供了一种非常简单的方式来计算两个 SVG 路径之间的中间路径,并在两端进行...

    5 年前
  • npm 包 d3plus-shape 使用教程

    前言 d3plus-shape 是一个基于 D3.js 的 JavaScript 库,可以用来创建各种各样的可视化图形,比如散点图、饼图、条形图等等。它采用了面向对象的编程风格,使得代码具有可读性高、...

    5 年前
  • npm 包 zora 使用教程

    什么是 zora? zora 是一个简单易用的 JavaScript 测试框架,可以在 Node.js 和浏览器中使用。与其他流行的测试框架相比,zora 的配置比较简单,运行速度快,测试结果清晰明了...

    5 年前
  • NPM 包 D3plus-text 使用教程

    NPM 包 D3plus-text 使用教程 D3plus-text 是一个基于 D3.js 的 Javascript 库,提供了强大的文本可视化功能,用于构建数据可视化应用程序。

    5 年前
  • npm 包 d3plus-dev 使用教程

    介绍 d3plus-dev 是一个基于 D3.js 的可视化库,可用于创建各种各样的交互式可视化图表。它提供了许多常用的可视化组件,如柱状图、饼图、散点图、网络图等等,并且支持自定义组件的扩展。

    5 年前
  • npm 包 topolr-builder 使用教程

    简介 topolr-builder 是一款基于 Node.js 平台的前端打包工具。通过使用 topolr-builder,你可以将你的前端项目中的各个 JavaScript、CSS、图片等资源进行打...

    5 年前
  • npm 包 vfx 使用教程

    vfx 是一款可以用来制作视觉效果的 npm 包,它提供了一系列的动画效果和过渡效果,可以为网页增加一定的交互性和动态性。下面我们就来学习一下如何使用 vfx。 安装 vfx vfx 是一个 npm ...

    5 年前
  • npm 包 ionic-plugin-build 使用教程

    一、背景 Ionic 是一款跨平台的移动应用开发框架,借助这个框架,前端开发人员可以快速地构建出跨平台的混合应用。因为互联网技术迅速发展,新技术层出不穷,所以也需要我们不断更新知识,而 npm 包 i...

    5 年前
  • npm 包 js-skald 使用教程

    前言 在现代 Web 开发中,前端的功能日趋复杂,而 JavaScript 更是成为了 Web 开发中不可或缺的一环。为了提高前端开发效率,我们需要使用现成的工具库来简化工作流程。

    5 年前
  • Vue-Touchjs 使用教程

    如果想要在自己的 web 应用中添加 touch 事件,可以使用 Vue-Touchjs 这个 npm 包。这个包提供了一些非常方便的指令和组件,使得你可以在你的 Vue 应用中轻松添加 touch ...

    5 年前
  • npm 包 node-log.js 使用教程

    在前端开发中,log 是非常重要的调试工具。而使用 node-log.js 这个 npm 包,可以轻松地在网页控制台输出日志信息,并对日志信息进行分类、筛选和颜色标记,大大提高了调试效率。

    5 年前
  • npm包 Boruto 使用教程

    在前端开发中,我们经常会使用到各种工具、库和框架来提高开发效率,npm就是其中最常用的一个。Boruto是一个比较好用的npm包,它可以将JSX语法转换为React需要的JavaScript代码。

    5 年前
  • npm 包 browserify-string 使用教程

    1. 前言 browserify-string 是一个 npm 包,主要用于将字符串转化为 browserify 可识别的 JavaScript 模块,使得前端开发者可以使用 npm 包中的代码片段。

    5 年前
  • NPM 包 Hookies 使用教程

    什么是 Hookies Hookies 是一款方便开发人员进行状态管理和数据交互的 NPM 包。该包基于 React Hooks 设计并扩展了其功能。 Hookies 提供了一些常用的状态和数据管理 ...

    5 年前
  • npm包supertest-as-promised使用教程

    npm包supertest-as-promised使用教程 简介 supertest-as-promised是一个使用了supertest和chai-as-promised两个npm包的桥接包。

    5 年前
  • npm包useragent使用教程

    前言 有时候我们需要在前端页面中获取当前访问者的浏览器信息并进行特定处理,这就需要用到 useragent。npm包 useragent 可以很方便地实现这个功能。

    5 年前

相关推荐

    暂无文章