每天五分钟之IT技能包

gulp插件(14) - require-dir(分离任务到多个

2017-10-25  本文已影响22人  学好该死的程序

功能描述

使用gulpfile.js单文件编写任务,会造成文件过大,通过使用 require-dir 插件可以将任务分离到多个文件,同时也可以实现按模块编写任务


插件安装

$ cnpm install require-dir --save-dev

使用方法

文件结构:

package.json
gulpfile.js
gulp/
 └── tasks/
        ├── clean.js
        ├── watch.js
        └── init.js

具体的任务分别编写在 gulp/tasks 目录下的 js 文件中,其中必须有一个任务名字为 default,作为任务入口。

编辑 gulpfile.js 内容为

var requireDir = require('require-dir');
requireDir('./gulp/tasks', { recurse: true });

gulp 会根据 requireDir 提供的路径自动加载该目录下所有的任务,并找到任务 default 开始执行。

上一篇 下一篇

猜你喜欢

热点阅读