Wsrtjtyk

My question is, why I don't get any error message from the gulp tasks when I use wrong import path in my scss files?

I use this gulp tasks to compile and minify my sass files to their destination directory

// gulpfile.js

var gulp   = require('gulp');

var sass   = require('gulp-sass');



var frontendSassSrcDir = 'build/frontend/sass/**';

var frontendCssDestDir = 'public/css/';

var backendSassSrcDir  = 'build/backend/sass/**';

var backendCssDestDir  = 'public/css/';





gulp.task('frontend-style', function() {

  return gulp

      .src(frontendSassSrcDir + '/*.scss')

      .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))

      .pipe(gulp.dest(frontendCssDestDir))

});



gulp.task('backend-style', function() {

  return gulp.src(backendSassSrcDir + '/*.scss')

      .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))

      .pipe(gulp.dest(backendCssDestDir));

});





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

  gulp.watch('build/frontend/sass/**/*.scss', ['frontend-style']);

  gulp.watch('build/backend/sass/**/*.scss', ['backend-style']);

});

here is the folder structure

- project-folder

  - build

    - backend

      - sass

        - backend.scss

    - frontend

      - sass

        - frontend.scss

  - node_modules

  - public

    - css

      - backend.css

      - frontend.css

  gulpfile.js

Here is the wrong content of my scss file

@import "node_modules/bootstrap/scss/functions";

@import "node_modules/bootstrap/scss/variables";

@import "node_modules/bootstrap/scss/mixins";

if I run this command in command line, it looks like it works, because I get this output, however it generates an empty css file

$ node_modules/gulp/bin/gulp.js frontend-style



[20:50:40] Using gulpfile /opt/workspace/www/bhajanBook/gulpfile.js

[20:50:40] Starting 'frontend-style'...

[20:50:40] Finished 'frontend-style' after 73 ms

why it doesn't give me the same error message like this command?

$ node_modules/sass/sass.js ./build/frontend/sass/frontend.scss ./public/css/frontend.css



Error: Can't find stylesheet to import.

@import "node_modules/bootstrap/scss/functions";

    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

build/frontend/sass/frontend.scss 1:9  root stylesheet

Running it in command line helped me to fix it

@import "./../../../node_modules/bootstrap/scss/functions";

@import "./../../../node_modules/bootstrap/scss/variables";

@import "./../../../node_modules/bootstrap/scss/mixins";

I learned that on('error', sass.logError) throws an error if I make a mistake in the gulpfile.js but it shouldn't be responsible for catching this error too?

Is there any more specific solution to show an error message if I make a mistake in the scss files?