gulp——基于流的自动化构建工具

npm install -g gulp #全局安装

npm install gulp --save-dev # 局部安装

npm install gulp-sass  --save-dev

var gulp    = require(‘gulp‘),                //基础库
    sass = require(‘gulp-sass‘);              //sass

gulp.task(‘css‘, function () {
    var cssSrc = ‘./src/scss/*.scss‘,
        cssDst = ‘./dist/css‘;
 
    gulp.src(cssSrc)
        .pipe(sass({ style: ‘expanded‘}))
        .pipe(gulp.dest(cssDst))
        .pipe(minifycss())
        .pipe(livereload(server))
        .pipe(gulp.dest(cssDst));
});

gulp.task(‘watch‘,function(){
 
    server.listen(port, function(err){
        if (err) {
            return console.log(err);
        }
 
        // 监听css
        gulp.watch(‘./src/scss/*.scss‘, [‘css‘]);
 
    });
});

gulp.task(‘default‘, [‘css‘]);