問題描述

我正在嘗試讓 gulp 編譯我的 sass 并使用 susy 網(wǎng)格/框架.

I am trying to get gulp to compile my sass and use the susy grid/framework.

我無法在網(wǎng)上找到有關(guān)此的任何信息.

I'm having troubles finding any information about this online.

我已包括:

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

進(jìn)入我的 package.json 并安裝一切.

into my package.json and installed everything.

我的 gulp sass gulp 任務(wù)喜歡這樣:

My gulp sass gulp task likes like so:

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 的要求，我沒有看過也似乎看不到在線查找與此相關(guān)的任何內(nèi)容.

So I can't for the life of me work out how to include susy so it complies using gulp, I haven't looked and can't seem to find anything relating to this online.

推薦答案

你可以使用gulp-compass，你只需要在你的系統(tǒng)中安裝compass并安裝gulp-compass 通過 npm 打包，示例代碼如下:

You can use gulp-compass, you only need to have compass installed in your system and install gulp-compass package through npm, here is a sample code:

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'));
});

關(guān)于這個包的更多信息這里

這篇關(guān)于使用 GULP 編譯 SASS 和 SUSY的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！