appleboy / appleboy/gulp-compass

When assigning a css directory, the gulp.dest folder get's ignored.

Open
#112 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,

I can't seem to use the gulp.dest folder after I used the compas command.
I noticed, when I leave the css folder out, the gulp dest folder still get's ignored. But then
a css folder gets created in the same folder as the gulpfile.js.

What do I need to change to make the gulp.dest work? Because the .pipe(minifyCSS()) methods
does nothing because the compass does not return the streaming data.

```
var gulp = require('gulp'),
gutil = require('gulp-util'),
browserify = require('gulp-browserify'),
compass = require('gulp-compass'),
minifyCSS = require('gulp-minify-css'),
path = require('path');
concat = require('gulp-concat');

gulp.task('log', function() {
gutil.log('Start Gulp logging..');
});

gulp.task('compass', function() {
gulp.src('*.scss')
.pipe(compass({
sass: '../../import/app/styles', //the location where the sass files are
css : '../../public_html/main/styles/css/', //css destination
style: 'expanded'
}))
.on('error', gutil.log)
.pipe(minifyCSS())
.pipe(gulp.dest('../../public_html/main/styles/css/'));
});
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the gulpfile.js compass task and inspect how gulp-compass handles the stream before the minifyCSS and gulp.dest steps. Reproduce the task with the shown paths and check whether Compass returns streaming data; done means the compiled CSS reaches minifyCSS and is written to the configured gulp.dest folder.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
tooling
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.