简单gulp.js

let gulp = require("gulp");let inject = require("gulp-inject");let cleanCss = require("gulp-clean-css");let uglify = require("gulp-uglify");let pump = require("pump");let cache = require("gulp-cache");let rename = require("gulp-rename");let imagemin = require("gulp-imagemin"); //图片压缩let less = require("gulp-less"); //less编译成csslet clean = require("gulp-clean"); // gulp之前将之前的dist文件清除let runSequence = require("run-sequence");let series = require(‘stream-series‘);gulp.task("default", ["clean:dist"], function(){　　runSequence("inject");　　// gulp.watch("src/less/*.less", ["less"]);});

//clean:distgulp.task("clean:dist", function() {　　return gulp.src(["dist/images", "dist/js", "dist/css"], {　　　　read: false　　})　　.pipe(clean());});

// less 文件gulp.task("less", function () {　　return gulp.src("src/less/*.less")　　　　.pipe(less())　　　　.pipe(gulp.dest("src/css"));});

// 压缩 jsgulp.task("js", function(cb){　　pump([　　　　gulp.src("src/js/*.js"),　　　　uglify(),　　gulp.dest("dist/js")　　], cb);});

// 图片gulp.task("images", function() {　　return gulp.src("src/images/*")　　　　.pipe(cache(imagemin({　　　　　　optimizationLevel: 3,　　　　　　progressive: true,　　　　　　interlaced: true　　　　})))　　　　.pipe(gulp.dest("dist/images"));});

// 压缩cssgulp.task("css", ["less"], function(){　　return gulp.src("src/css/*.css")　　　　.pipe(cleanCss({debug: true}))　　　　.pipe(rename({suffix: ".min"}))　　　　.pipe(gulp.dest("dist/css"));});

gulp.task("inject", ["images", "css", "js"], function(){　　let sourcesIndex = gulp.src([‘./dist/css/*.css‘, ‘!./dist/css/style.min.css‘], {read: false});　　let sourcesCommon = gulp.src([‘./dist/css/style.min.css‘], {read: false});　　return gulp.src("./src/index.html")　　　　.pipe(inject(series(sourcesIndex, sourcesCommon), {　　　　　　relative: true,　　　　　　transform: function (filepath) {　　　　　　　　var filename=filepath.substring(filepath.lastIndexOf("/") + 1);　　　　　　　　return ‘<link rel="stylesheet" href="css/‘+ filename +‘"/>‘;　　　　　　}}))　　.pipe(gulp.dest("./dist"));});