最近在学习scss,使用的compass和gulp。但是使用compass创建scss项目,再用gulp构建的时候会报错。
错误截图如下:

config.rb文件配置如下:
require 'compass/import-once/activate' require 'compass-normalize' require 'breakpoint' require 'susy' # Require any additional compass plugins here. # Set this to the root of your project when deployed: http_path = "/" css_dir = "stylesheets" sass_dir = "sass" images_dir = "images" javascripts_dir = "javascripts"
gulpfile.js如下:
var gulp = require('gulp'),
runSequence = require('run-sequence'),
browserSync = require('browser-sync').create(),
del = require('del'),
compass = require('gulp-compass');
gulp.task('default', function() {
return runSequence(['clean'], ['build'], ['serve', 'watch']);
});
gulp.task('clean', function(callback) {
return del('./dist/', callback);
});
gulp.task('build', function(callback) {
return runSequence(['compass', 'html'], callback);
});
gulp.task('compass', function() {
return gulp.src('./src/**/*.scss')
.pipe(compass({
config_file: './config.rb',
css: 'src/stylesheets',
sass: 'src/sass'
}))
.on('error', function(err) {
console.log(err);
this.emit('end');
})
.pipe(gulp.dest('./dist/css/'));
});
gulp.task('html', function() {
return gulp.src('./src/**/*.html')
.pipe(gulp.dest('./dist/'));
})
gulp.task('serve', function() {
browserSync.init({
server: './dist',
port: 8888
});
});
gulp.task('reload', function() {
return browserSync.reload();
});
gulp.task('watch', function() {
return gulp.watch([
'./src/**/*.html',
'./src/**/*.scss'
], function() {
return runSequence(['build'], ['reload']);
})
});希望大佬能帮忙看一下错误,谢谢~
qq_用心听不要说话_04184697
慕设计2395807
随时随地看视频慕课网APP