zoukankan      html  css  js  c++  java
  • gulpfile.js(编译sass,压缩图片,自动刷新浏览器)

    var gulp = require('gulp'),
        sass = require('gulp-sass'),
        watch = require('gulp-watch'),
        browser = require('browser-sync'),
        imagemin = require('gulp-imagemin');
     
    var path = {
        sass: 'sass/*.scss'
    }
     
    // 编译sass
    gulp.task('sass', function(){
        gulp.src(path.sass)
            .pipe(sass())
            .pipe(gulp.dest('css/'));
    });
     
    // 压缩图片
    gulp.task('imagemin', function(){
        gulp.src('./images/*.{png,jpg,gif,ico}')
            .pipe(imagemin())
            .pipe(gulp.dest('./img'));
    });
     
    // 自动刷新
    var DEV = '.';
    gulp.task('serve', function() {
        browser.init({
            server: DEV + '/'
        });
        gulp.watch(DEV + '/*.html' ).on('change', browser.reload)
        gulp.watch(DEV + '/js/*.js').on('change', browser.reload)
        gulp.watch(DEV + '/css/*.css').on('change', browser.reload)
    });
     
    gulp.task('watch', function(){
        gulp.watch(path.sass, ['sass']);
    });
     
    gulp.task('default', ['watch', 'serve']);
  • 相关阅读:
    RAID、LVM和btrfs文件系统
    RAID、LVM和btrfs文件系统
    python实现二分叉查找
    python实现二分叉查找
    python实现二分叉查找
    python实现二分叉查找
    java集合的简单用法
    java集合的简单用法
    java集合的简单用法
    用 AJAX 读取xml 节点属性值
  • 原文地址:https://www.cnblogs.com/my93/p/5681352.html
Copyright © 2011-2022 走看看