gulp搭建的项目完美编译sass

在已安装node的情况下，执行命令npm install gulp -g

执行gulp -v 显示版本号即安装成功

执行命令npm init

进入你的项目文件路径中后，执行cnpm install gulp --save-dev

进入你的项目文件路径中后，执行cnpm install gulp-sass --save-dev
此时package.json文件会自动更新依赖包！

gulpfile.js是gulp的配置文件，放于根目录中。

var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function() {
return gulp.src('src/scss/*.scss') //获取该任务需要的文件
.pipe(sass())     //该任务调用的模块
.pipe(gulp.dest('src/css/css'));    //将在 src/css 文件夹中生产test.css
});

// 默认任务
gulp.task('default',['sass','watch1']);
//监听文件
gulp.task('watch1',function(){
return gulp.watch('src/scss/*.scss',['sass']);
//监听 src/css/.scss 文件，修改时自动执行 sass 任务。

})//监听/

执行gulp sass命令，执行gulpfile.js中的sass任务