npm 包 runjs-cli 使用教程

介绍

runjs-cli 是一款 Node.js 的命令行工具，它能够帮助前端开发者快速地执行一些常见的任务，例如编译 ES6 代码、编译 LESS/SASS 文件、自动刷新浏览器等。使用 runjs-cli，你可以省去很多重复性的工作，提高开发效率。

安装

你可以通过 npm 来安装 runjs-cli：

npm install -g runjs-cli

注意：因为 runjs-cli 是一个全局安装的命令行工具，所以需要使用 -g 参数来进行安装。

使用

初始化项目

使用 runjs-cli 的第一步是初始化项目。在项目的根目录下，执行以下命令：

runjs init

这个命令会在项目的根目录下生成一个名为 runfile.js 的文件，这个文件包含了项目所需的所有配置信息。

编写任务

在 runfile.js 中，我们可以定义一些任务。任务是一个 JavaScript 函数，它可以执行一些操作，例如编译代码、打包文件等。下面是一个例子：

function build() {
  run('lessc styles.less styles.css');
  run('babel src -d dist');
}

在这个例子中，我们定义了一个名为 build 的任务。这个任务执行了两个子任务，分别是使用 lessc 编译 LESS 文件和使用 Babel 编译 ES6 代码。

运行任务

在命令行中，我们可以运行定义好的任务。例如，要运行刚才定义的 build 任务，可以执行以下命令：

runjs build

这个命令会依次执行 build 任务中定义的子任务。

监听文件变化

runjs-cli 还支持监听文件变化，并自动执行任务。例如，我们可以使用以下命令来监听 src 目录下的文件变化：

runjs watch

这个命令会自动运行 build 任务，并在文件发生变化时立即重新运行任务。

模块化

如果我们需要在多个任务中共用一些代码，可以将这些代码抽象成模块。在 runfile.js 中，我们可以使用 require 函数来引入模块：

var utils = require('./utils.js');

function build() {
  utils.compileStyles();
  utils.compileScripts();
}

在这个例子中，我们将 compileStyles 和 compileScripts 抽象为了 utils.js 中的两个函数。

自动刷新浏览器

runjs-cli 还支持在修改 HTML、CSS、JS 等文件时自动刷新浏览器。在 runfile.js 中，我们可以使用 livereload 函数来开启自动刷新功能：

function serve() {
  watch('src/*.html', livereload);
  watch('src/*.css', livereload);
  watch('src/*.js', livereload);
  server();
}

在这个例子中，我们使用 watch 函数来监听文件变化，并在文件发生变化时自动刷新浏览器。同时，使用 server 函数来开启一个本地服务器。

总结

runjs-cli 是一款十分实用的命令行工具，可以提高前端开发效率。通过本文的介绍，你已经了解了 runjs-cli 的基本用法，可以尝试在实际项目中使用它。

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