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

<pre>

功能描述

使用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](/nb/17590100) 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 1,101评论 0 8
  • 安装Gulp首先需要安装Node.js,并在控制台输入$ npm install gulp -gMac端需要写成$...
    LaBaby_阅读 973评论 0 1
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 3,216评论 7 55
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 2,411评论 1 11
  • Math的小方法 Math.random(); 0-1 之间的随机数 不包括1 -12 -> 1212 -> 12...
    lemontree2000阅读 321评论 0 0