最近在学习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']);
})
});希望大佬能帮忙看一下错误,谢谢~
2 回答
- 2 回答
- 0 关注
- 1564 浏览
添加回答
举报
0/150
提交
取消