使用GULP编译SASS和SUSY

Question

我正在努力编译我的sass并使用susy网格/框架.

我在网上找到任何有关此信息的麻烦.

我包括:

"gulp-ruby-sass": "^0.7.1",

进入我的package.json并安装了一切.

我的gulp sassgulp任务喜欢这样:

gulp.task('sass', ['images'], function () {
  return gulp.src('src/sass/*.{sass, scss}')
    .pipe(sass({
      bundleExec: true,
      sourcemap: true,
      sourcemapPath: '../sass'
    }))
    .on('error', handleErrors)
    .pipe(gulp.dest('build'));
});

所以我不能为我的生活弄清楚如何包括susy所以它符合使用gulp,我没有看,似乎无法找到任何与此相关的在线.

Answer 1

你可以使用gulp-compass,你只需要在你的系统中安装指南针并gulp-compass通过npm 安装包,这里有一个示例代码:

var compass = require('gulp-compass');

gulp.task('compass', function() {
  return gulp.src('./src/*.scss')
  .pipe(compass({
    // Gulp-compass options and paths
    css: 'app/assets/css',
    sass: 'app/assets/sass',
    require: ['susy']
  }))
  .on('error', handleErrors)
  .pipe(gulp.dest('app/assets/temp'));
});

这里有关于这个包的更多信息