为了账号安全,请及时绑定邮箱和手机立即绑定

gulp构建项目的时候报错,求帮助。

/ 猿问

gulp构建项目的时候报错,求帮助。

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

错误截图如下:

https://img1.mukewang.com/5bc6e556000155ff15870278.jpg

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

希望大佬能帮忙看一下错误,谢谢~

查看完整描述

目前暂无任何回答

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信