npm 包 glub 使用教程

什么是 glub

glub 是一个基于 gulp 的任务系统，旨在帮助前端开发者更加高效地进行项目构建和开发工作。它提供了一系列的插件，帮助开发者完成常见的任务，如压缩、合并、编译等。

安装 glub

在使用 glub 之前，需要先安装 gulp。如果已经安装 gulp，可以直接使用以下命令安装 glub：

npm install glub --save-dev

glub 的使用

创建任务

在使用 glub 进行项目构建时，首先需要定义任务。可以通过 glub.task() 方法来创建一个任务：

const glub = require('glub');
 
glub.task('task-name', function() {
  // 任务内容
});

其中，task-name 表示任务名称，可以自定义，() => {} 中是任务执行的函数。

注册任务

创建完成任务后，需要进行任务的注册。使用 glub.task() 方法注册任务：

glub.task('default', ['task-name']);

其中，default 是默认任务名称。当使用 gulp 命令的时候，会执行默认任务。

使用插件

glub 提供了众多插件来帮助开发者完成日常开发任务。例如，gulp-concat 插件可以用于合并 js 文件，而 gulp-uglify 插件可以用于压缩 js 文件。

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

以上代码可以将 src/ 目录下所有的 js 文件合并并压缩，最后保存到 dist/ 目录下。

使用参数

glub 支持通过命令行参数进行传参，可以在任务中使用这些参数。例如：

const glub = require('glub');
 
glub.task('hello', function() {
  console.log(`Hello, ${glub.args.name}!`);
});

执行以下命令：

gulp hello --name 'world'

就会输出 Hello, world!。

结语

以上就是 glub 的简单介绍和使用方法。通过使用 glub，可以更加高效地完成项目构建和开发工作。在日常工作中，可以根据实际需求来选择合适的插件，从而更加方便地完成开发任务。

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