JavaScript gulp-sass-glob-import示例

示例#1

文件： gulpfile.js 项目： gijswilbrink/tekstteller

gulp.task('build:styles', ['clean:styles'], function() {
  return gulp.src(paths.styles.input)
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(sassGlob())
    .pipe(sass({
      outputStyle: 'expanded',
      sourceComments: true
    }))
    .pipe(flatten())
    .pipe(autoprefixer({
      browsers: ['> 1%', 'last 3 versions']
    }))
    .pipe(gulp.dest(paths.styles.output))
    .pipe(rename({ suffix: '.min' })) // add .min postfix
    .pipe(cleanCSS())
    .pipe(sourcemaps.write("./"))
    .pipe(gulp.dest(paths.styles.output))
    .pipe(browserSync.reload({stream:true}));
});

示例#2

文件： gulpfile.js 项目： gijswilbrink/2016-westlandkaart

gulp.task('build:styles', ['clean:styles'], function() {
	return gulp.src(paths.styles.input)
		.pipe(plumber())
		.pipe(sourcemaps.init())
		.pipe(sassGlob())
		.pipe(sass({
			outputStyle: 'expanded',
			sourceComments: true
		}))
		.pipe(flatten())
		.pipe(autoprefixer({
			browsers: ['> 1%', 'last 3 versions']
		}))
		.pipe(urlAdjuster({
			prependRelative: '../img/',
			append: '?version=' + Date.now()
		}))
		.pipe(sourcemaps.write("./"))
		.pipe(gulp.dest(paths.styles.output))
		.pipe(browserSync.stream({match: '**/*.css'}));
});