gulp插件(14) - require-dir(分离任务到多个文件中)
2017-03-01 20:13
302 查看
功能描述
使用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改造gulp-rev-append插件实现资源文件链接自动添加MD5版本号
- Gulp+webpack模板化开发演练(1):分离公共头文件
- 从零开始···require.js加载css文件插件require-css
- gulp常用插件之gulp-rev-collector(给资源文件加时间戳)
- 利用gulp 插件gulp.spritesmith 完成小图合成精灵图,并自动输出样式文件
- C#利用定时任务插件实现在后台线程中批量把动态文件生成静态文件方法
- angular ,require.js, angular-async-loader实现单页面路由,控制器js文件分离
- gulp插件(7) - gulp-concat(文件合并)
- gulp插件(5) - gulp-less(编译less文件)
- 使用gulp相关插件进行api的跨域访问并监控文件的变化的简单处理
- gulp插件(13) - gulp-changed(只传递修改过的文件)
- RIDE使用ff_profile_dir来加载你的配置文件(启动浏览器时加载第三方插件)
- gulp插件(2) - gulp-clean-css(压缩CSS文件)
- gulp插件(6) - gulp-rename(文件更名)
- gulp- require-dir
- gulp常用插件之gulp-rev-collector(给资源文件加时间戳)
- gulp插件(1) - gulp-uglify(压缩JS文件)
- gulp插件(12) - run-sequence(同步执行任务)
- gulp-less插件之less文件编译成css
- gulp任务编写——拷贝文件