我正在使用gulp-compass,但它没有在我的开发目录中给我任何输出。以下是我的代码(不完整代码)。谁能让我知道我做错了什么?
var compass = require('gulp-compass');
if (env === 'development') {
outputDir = 'builds/development/';
sassStyle = 'expanded';
} else {
outputDir = 'builds/production/';
sassStyle = 'compressed';
}
sassSources = [
'app/styles/components/style.scss'
];
gulp.task('compass', function() {
gulp.src(sassSources)
.pipe(compass({
sass: 'app/styles',
css: outputDir + 'css',
image: outputDir + 'images',
style: sassStyle,
require: ['susy', 'breakpoint']
}))
.on('error', util.log)
.pipe(gulp.dest(outputDir + 'css'))
.pipe(
browserSync.reload({ stream: true })
)
});
更新
以下代码现在正在运作。
sassSources = [
'./app/sass/**/*.scss'
];
gulp.task('compass', function() {
gulp.src(sassSources)
.pipe(compass({
sass: './app/sass',
css: outputDir + 'css',
image: outputDir + 'images',
style: sassStyle,
require: ['susy', 'breakpoint']
}))
.on('error', util.log)
.pipe(
browserSync.reload({ stream: true })
)
});
感谢您的回复。