appleboy / appleboy/gulp-compass

Individual stylesheets must be in the sass directory.

Open
#82 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
172
Forks
54
PR merge metrics
No merged PRs in 30d

Description

Hello all,

I just updated Gulp and I have to face a problem I didn't have 'til now.

> Individual stylesheets must be in the sass directory.
> events.js:72
> throw er; // Unhandled 'error' event
> ^
> Error: Compass failed

Here is my gulpfile.js

``` javascript

var gulp = require('gulp'),
compass = require('gulp-compass'),
livereload = require('gulp-livereload');

gulp.task('compass', function()
{
return gulp.src('src/assets/sass/**/*')
.pipe(compass())
.pipe(gulp.dest('src/assets/css/dev'));
});

gulp.task('watch', function()
{
var server = livereload();

gulp.watch('src/assets/sass/**/*', ['compass']).on('change', function(e){
console.log(e.path);
});

gulp.watch(['src/assets/css/**/*.css']).on('change', function(e){
server.change(e.path);
});
});

gulp.task('default', ['compass'], function(){

});
```

The folders didn't change:

```
|-- gulpfile.js
|-- src
| |-- assets
| | |-- bower
| | |-- css
| | | |-- dev
| | | |-- prod
| | | |-- vendor
| | |-- js
| | | |-- dev
| | | |-- prod
| | | |-- vendor
| | |-- img
| | |-- fonts
| | |-- sass

```

Any idea?

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by running the compass task from gulpfile.js and compare the src/assets/sass/**/* inputs with the listed sass directory. Done means the task completes without the “Individual stylesheets...” or “Compass failed” errors and emits CSS under src/assets/css/dev.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, sass
Domain
build-system
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.