美文网首页每天五分钟之IT技能包
gulp插件(14) - require-dir(分离任务到多个

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

作者: 学好该死的程序 | 来源:发表于2017-10-25 14:07 被阅读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 开始执行。

    相关文章

      网友评论

        本文标题:gulp插件(14) - require-dir(分离任务到多个

        本文链接:https://www.haomeiwen.com/subject/dpeqpxtx.html