Snippets

Kris Khoury Gulp - Scss/Compass

Created by Kris Khoury last modified Kris Khoury
1
2
3
4
5
6
7
8
9
preferred_syntax = :scss
http_path = '/'
css_dir = 'css'
sass_dir = 'scss'
images_dir = 'images'
javascripts_dir = 'js'
relative_assets = true
line_comments = true
# output_style = :compressed
var gulp = require('gulp');
var sass = require('gulp-sass');
var compass = require('gulp-compass');
var minifyCSS = require('gulp-minify-css');
var plumber = require('gulp-plumber');

var scss_regex = './scss/**/*.scss';
var scss_dir = 'scss';
var css_dir = 'css';
var tmp_dir = 'scss/tmp';
var config = './config.rb';

gulp.task('compass', function() {
  gulp.src(scss_regex)
    .pipe(plumber({
      errorHandler: function (error) {
      console.log(error.message);
      this.emit('end');
    }}))
    .pipe(compass({
      config_file: config,
      css: css_dir,
      sass: scss_dir
    }))
    .on('error', function(err) {
      console.log(err);
    })
    .pipe(minifyCSS())
    .pipe(gulp.dest(tmp_dir));
});

gulp.task('default',function() {
    gulp.watch(scss_regex,['compass']);
});

{
  "name": "steadfast",
  "version": "1.0.0",
  "dependencies": {},
  "devDependencies": {
    "gulp": "^3.9.0",
    "gulp-compass": "^2.1.0",
    "gulp-minify-css": "^1.2.1",
    "gulp-plumber": "^1.0.1",
    "gulp-ruby-sass": "~0.3.0",
    "gulp-sass": "^2.0.4"
  }
}

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.