最近在学习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']);})});希望大佬能帮忙看一下错误,谢谢~ |