在前端开发过程中，我们经常需要用到 Gulp 进行自动化构建。而在运行 Gulp 任务的时候，我们需要指定一些参数，这些参数包括了一些用于控制 Gulp 执行的选项，比如要执行哪个任务、监听哪些文件等。这些参数在 Gulp 的命令行中使用，但是在 Node.js 代码中如何获取这些参数呢？这时，我们就需要用到 npm 包 get-gulp-args。
get-gulp-args 简介
get-gulp-args 是一个简单易用的npm包，它可以帮助你在你的 Gulp 任务中轻松获取命令行中的参数和选项，它可以解析所有来自命令行参数的选项和参数，包括短选项、长选项、剩余参数等。
安装 get-gulp-args
使用 npm 包管理器安装 get-gulp-args:
npm install get-gulp-args --save-dev
使用 get-gulp-args
在你的 Gulp 任务中使用 get-gulp-args 获取命令行中的参数和选项，具体使用方式如下：
const getGulpArgs = require('get-gulp-args'); const args = getGulpArgs(); console.log('args contains:'); console.log(` tasks: ${args.tasks.join(', ')}`); console.log(` options: ${JSON.stringify(args.options, null, 2)}`); console.log(` flags: ${JSON.stringify(args.flags, null, 2)}`);
上面的代码中，我们首先引入了 get-gulp-args 模块，然后调用 getGulpArgs 函数来获取命令行参数。getGulpArgs 函数返回值包含了许多属性：
tasks: 一个包含了所有要运行的任务的数组。options：一个对象，包含了所有传给命令的命名选项（不包括布尔值）。flags：一个对象，包含了所有传给命令的布尔选项。
示例
假设你要监听某个文件夹下的所有的 .scss 文件并在改变后编译成 .css，如果此时你想开启 sourcemaps，则可以这样使用 get-gulp-args：
-- -------------------- ---- ------- ----- ---- - ---------------- ----- ---- - --------------------- ----- ---------- - --------------------------- ----- ----------- - ------------------------- ----------------- -- -- - ----- ---- - -------------- ------ ------------------------- ----------------------------- - ----------------- - ------------ - ------------- ----------------------------- - ------------------ - ------------ - ----------------------------- --- ------------------ -- -- - ----- ---- - -------------- --------------------------- ---------- --- -------------------- -----------展开代码
上面的代码中，我们使用 gulp-sass 插件将 .scss 编译成 .css，并使用 gulp-sourcemaps 插件生成 sourcemaps，如果命令行传递了 --sourcemaps 选项，则开启 sourcemaps。
总结
get-gulp-args 这个 npm 包让我们的 Gulp 构建更加灵活，使得我们可以从命令行中接受参数来控制 Gulp 的行为。同时，get-gulp-args 的使用方法也很简单，只需要在 Gulp 任务中引入并调用函数即可。虽然这个包的功能看起来比较简单，但是它可以在我们的开发中提高我们的工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/62020
