gulpfile.js是gulp項目的配置文件空盼,是位于項目根目錄的普通js文件(其實將gulpfile.js放入其他文件夾下亦可)攒磨。
類似于導(dǎo)演的劇本
其實就是一個js文件
//導(dǎo)入工具包 require('node_modules里對應(yīng)模塊')
var gulp = require('gulp'), //本地安裝gulp所用到的地方
less = require('gulp-less');
//定義一個testLess任務(wù)(自定義任務(wù)名稱)
gulp.task('testLess', function () {
gulp.src('src/less/index.less') //該任務(wù)針對的文件
.pipe(less()) //該任務(wù)調(diào)用的模塊
.pipe(gulp.dest('src/css')); //將會在src/css下生成index.css
});
gulp.task('default',['testLess', 'elseTask']); //定義默認(rèn)任務(wù) elseTask為其他任務(wù),該示例沒有定義elseTask任務(wù)
//gulp.task(name[, deps], fn) 定義任務(wù) name:任務(wù)名稱 deps:依賴任務(wù)名稱 fn:回調(diào)函數(shù)
//gulp.src(globs[, options]) 執(zhí)行任務(wù)處理的文件 globs:處理的文件路徑(字符串或者字符串?dāng)?shù)組)
//gulp.dest(path[, options]) 處理完后文件生成路徑