gulp使用

gulp用于编译SASS，网页自动刷新，建立服务器等

var gulp = require('gulp');
var connect = require('gulp-connect');
var sass = require('gulp-sass');

gulp.task('sass', function(){
    gulp.src('src/**/*.scss')
        .pipe(sass())              //编译sass
        .pipe(gulp.dest('build'))  //文件复制到编译环境
        .pipe(connect.reload()); 
});

gulp.task('copyhtml', function() {
    gulp.src('src/**/*.html')
        .pipe(gulp.dest('build'))
        .pipe(connect.reload());
});                                //将所有的html直接复制到编译环境

gulp.task('copycss', function() {
    gulp.src('src/**/*.css')
        .pipe(gulp.dest('build'))
        .pipe(connect.reload());
});                                //将所有的css直接复制到编译环境

gulp.task('connect', function() {
    connect.server({
        root: 'build',
        livereload: true            //建立服务器环境，实时刷新
    });
});

gulp.task('watch', function() {
    gulp.watch('src/**/*.scss', ['sass']);
    gulp.watch('src/**/*.html', ['copyhtml']);
    gulp.watch('src/**/*.css', ['copycss']); //监听文件的修改，并执行操作
});

gulp.task('default', ['connect', 'watch', 'copyhtml', 'copycss']); //默认任务

 

转载于:https://www.cnblogs.com/yusi97/p/4968541.html