node package manager

gulp-compass-compile

gulp-compass-compile

npm version npm download npm engines npm dependencise build status Coverage Status

Directory rule

build // Build
└── home
    ├── b-min.css
    ├── b.css
    ├── images
    │   └── i-s7122265bbf.png
    ├── index-min.css
    └── index.css
src // Project source
└── home   // page
    ├── b.scss
    ├── images
    │   ├── _sprites.scss
    │   └── i
    │       ├── a1.png
    │       └── a2.png
    └── index.scss

Example

var gulpCompass = require('gulp-compass-compile')
 
gulp.task('sass', ['clean'], function() {
  return gulp
    .src(['src/**/*.scss', '!src/**/_*.scss'])
    .pipe(gulpCompass({
      'logger' : true // show progress of compile 
    }))
    // .pipe(gulp.dest('./build'))  // When Options relative:false, need overwrite the `buildDir`  
    .pipe(cssmin())
    .pipe(rename({
      suffix: "-min"
    }))
    .pipe(gulp.dest('./build'))
})

Options

var optionDefault = {
  'project': process.cwd(),
  'time': true,
  'debug': false,
  'force': false,
  'boring': false,
  'sourcemap': false,
  'relative': true,
  'comments': false,
  'logger': false,
  'imports': [],
  'srcDir': 'src',
  'buildDir': 'build',
  'buildStyle': 'nested',
  'ignoreBuildDir': true
};