配置 Sass 任务

Gulp 简介安装 Node 和 gulp 使用 gulp 压缩 JS 使用 gulp 压缩 CSS 使用 gulp 压缩图片使用 gulp 编译 LESS 使用 gulp 编译 Sass 使用 gulp 构建一个项目配置 JS 任务配置 CSS 任务配置 Less 任务配置 Sass 任务配置 image 任务配置文件复制任务

参考配置 JavaScript 任务的方式配置 Sass 任务

gulp.task('watchsass',function () {

gulp.watch('src/sass/**/*', function (event) {

var paths = watchPath(event, 'src/sass/', 'dist/css/')

gutil.log(gutil.colors.green(event.type) + ' ' + paths.srcPath)

gutil.log('Dist ' + paths.distPath)

sass(paths.srcPath)

.on('error', function (err) {

console.error('Error!', err.message);

})

.pipe(sourcemaps.init())

.pipe(minifycss())

.pipe(autoprefixer({

browsers: 'last 2 versions'

}))

.pipe(sourcemaps.write('./'))

.pipe(gulp.dest(paths.distDir))

})

gulp.task('sasscss', function () {

sass('src/sass/')