gulp文件

来源:互联网 发布:颜值 知乎 编辑:程序博客网 时间:2024/06/05 19:58
//gulpfile.js'use strict';/** * 1. LESS编译 压缩 合并 * 2. JS合并 压缩 混淆 * 3. img复制 * 4. html压缩 */// 在gulpfile中先载入gulp包,因为这个包提供了一些APIvar gulp = require('gulp');var less = require('gulp-less');var cssnano = require('gulp-cssnano');// 1. LESS编译 压缩 --合并没有必要,一般预处理CSS都可以导包gulp.task('style', function() {  // 这里是在执行style任务时自动执行的  gulp.src(['src/styles/*.less', '!src/styles/_*.less'])    .pipe(less())    .pipe(cssnano())    .pipe(gulp.dest('dist/styles'))    .pipe(browserSync.reload({      stream: true    }));});var concat = require('gulp-concat');var uglify = require('gulp-uglify');// 2. JS合并 压缩混淆gulp.task('script', function() {  gulp.src('src/scripts/*.js')    .pipe(concat('all.js'))    .pipe(uglify())    .pipe(gulp.dest('dist/scripts'))    .pipe(browserSync.reload({      stream: true    }));});// 3. 图片复制gulp.task('image', function() {  gulp.src('src/images/*.*')    .pipe(gulp.dest('dist/images'))    .pipe(browserSync.reload({      stream: true    }));});var htmlmin = require('gulp-htmlmin');// 4. HTMLgulp.task('html', function() {  gulp.src('src/*.html')    .pipe(htmlmin({      collapseWhitespace: true,      removeComments: true    }))    .pipe(gulp.dest('dist'))    .pipe(browserSync.reload({      stream: true    }));});var browserSync = require('browser-sync');gulp.task('serve', function() {  browserSync({    server: {      baseDir: ['dist']    },  }, function(err, bs) {    console.log(bs.options.getIn(["urls", "local"]));  });  gulp.watch('src/styles/*.less',['style']);  gulp.watch('src/scripts/*.js',['script']);  gulp.watch('src/images/*.*',['image']);  gulp.watch('src/*.html',['html']);});
原创粉丝点击