gulp相关插件

前提：入门 相关需保证

一、require-dir （分离任务到多个文件夹）

更多请参考文档

项目依赖安装 $ npm install require-dir --save-dev

目录结构

1、gulpfile.js

var requireDir = require('require-dir'); requireDir('./gulp/tasks')

2、init.js

var gulp = require('gulp');  gulp.task('default', function () { })

3、运行 $ gulp

gulp 会根据 requireDir 提供的路径自动加载该目录下所有的任务，并找到执行名为 default 的任务（task）开始执行

二、run-sequence（同步执行任务）

更多请参考文档

项目依赖安装 $ npm install run-sequence --save-dev

前端自动构建代码，一般会分为几个步骤：1、清除目标目录（clean）> 2、项目相关代码压缩打包（js、 css 、html 、images等，一般可并行）> 3、监控（watch）

三、del（删除文件）

更多请参考文档 、gulp文档相关

项目依赖安装 $ npm install del --save-dev

目录结构

del('dist/**')    删除整个dist文件夹

del('dist/*')    删除dist目录下的所有文件（dist文件夹仍保留）

del(['dist/*', '!dist/*.js'])  　删除dist目录下的文件（除js文件）

del(['dist/**', '!dist/*.js'])     删除整个dist文件夹

del(['dist/**', '!dist', '!dist/*.js'])     删除dist目录下的文件（除js文件）

四、fs