問題描述
我正在嘗試讓 gulp 編譯我的 sass 并使用 susy 網格/框架.
I am trying to get gulp to compile my sass and use the susy grid/framework.
我無法在網上找到有關此的任何信息.
I'm having troubles finding any information about this online.
我已包括:
"gulp-ruby-sass": "^0.7.1",
進入我的 package.json 并安裝一切.
into my package.json and installed everything.
我的 gulp sass gulp 任務喜歡這樣:
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 的要求，我沒有看過也似乎看不到在線查找與此相關的任何內容.
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，你只需要在你的系統中安裝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'));
});
關于這個包的更多信息這里
這篇關于使用 GULP 編譯 SASS 和 SUSY的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！