初识gulp

1、首先全局安装gulp（全局安装只需要安装一次即可）

　　npm install -g gulp

2、安装所要用的插件（一个项目一次）

　　gulp、gulp-sass、gulp-sourcemaps

　　命令   npm install --save-dev gulp

　　　　　npm install --save-dev gulp-sass

　　　　　npm install --save-dev gulp-sourcemaps

3、新建一个gulpfile的js文件

　　引入   var gulp = require('gulp');

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

　　　　　var sourcemaps = require('gulp-sourcemaps');

4、新建任务

　　gulp.task("sass",function(){

　　　　return gulp.src('./scss/**/*.scss')

　　　　.pipe(sourcemaps.init())

　　　　.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))

　　　　.pipe(sourcemaps.write())

　　　　.pipe(gulp.dest('./css'));

　　});

5、监听

　　

　　gulp.task('sass:watch',['sass'],function(){

　　　　gulp.watch('./scss/**/*.scss',['sass'])

　　})

　　输入命令  gulp  sass:watch   监听sass修改  可以直接更新到css   无需再执行命令