Odtnhj

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?