Gulp not compiling css

Question

I have a problem with my gulpfile. When i execute task its works but not compiling any css files.

Here is my gulpfile:

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    min = require('gulp-clean-css'),
    tar = require('gulp-tar'),
    gzip = require('gulp-gzip'),
    watch = require('gulp-watch'),
    util = require('gulp-util');


var PATH_JS_SRC = 'src/main/webapp/frontend/js/',
    PATH_CSS_SRC = 'src/main/webapp/frontend/src/scss/',
    PATH_CSS_DIST = 'src/main/webapp/styles/';



gulp.task('default', function(){

});

gulp.task('scripts', function(){

});


gulp.task('sass', function(){
    gulp.src(PATH_CSS_SRC + 'main.scss')
        .pipe(sass({ outputStyle: "compressed" }).on('error', sass.logError))
        .pipe(concat('app.css'))
        .pipe(min({ compatibility: 'ie8' }))
        .pipe(gulp.dest(PATH_CSS_DIST));
});

What did i do wrong ? any advice ?

Answer 1

You can try to swap between 2 lines in the last gulp task that you have wrotten. Let´s put .pipe(concat('app.css')) before .pipe(sass(...))

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    min = require('gulp-clean-css'),
    tar = require('gulp-tar'),
    gzip = require('gulp-gzip'),
    watch = require('gulp-watch'),
    util = require('gulp-util');


var PATH_JS_SRC = 'src/main/webapp/frontend/js/',
    PATH_CSS_SRC = 'src/main/webapp/frontend/src/scss/',
    PATH_CSS_DIST = 'src/main/webapp/styles/';



gulp.task('default', function(){

});

gulp.task('scripts', function(){

});


gulp.task('sass', function(){
    gulp.src(PATH_CSS_SRC + 'main.scss')
        .pipe(concat('app.css'))
        .pipe(sass({ outputStyle: "compressed" }).on('error', sass.logError))
        .pipe(min({ compatibility: 'ie8' }))
        .pipe(gulp.dest(PATH_CSS_DIST));
});